面對這個問題時，我總是很掙扎，這需要一些認真的工作。我目前正在嘗試解決這個問題，可能需要幾天時間。想看看您是否有解決此問題的系統(tǒng)或簡單方法。基本上，假設您有一個 DOM 節(jié)點的平面列表，其中以 15px 的步長向左填充縮進。在視覺上，它像文件瀏覽器一樣形成一棵樹。但在 DOM 的結構上，它是作為平面列表實現(xiàn)的。然后如何遍歷列表并構建樹？<div style='padding-left: 0px'>A</div><div style='padding-left: 15px'>AA</div><div style='padding-left: 15px'>AB</div><div style='padding-left: 30px'>ABA</div><div style='padding-left: 30px'>ABB</div><div style='padding-left: 45px'>ABBA</div><div style='padding-left: 45px'>ABBB</div><div style='padding-left: 45px'>ABBC</div><div style='padding-left: 30px'>ABC</div><div style='padding-left: 15px'>AC</div><div style='padding-left: 0px'>B</div><div style='padding-left: 0px'>C</div>...那應該變成這樣的 JSON 樹：[   {    title: 'A',    children: [      {        title: 'AA',        children: []      },      {        title: 'AB',        children: [          {            title: 'ABA',            children: []          },          {            title: 'ABB',            children: [              {                title: 'ABBA',                children: []              },              {                title: 'ABBB',                children: []              },              {                title: 'ABBC',                children: []              }            ]          },          {            title: 'ABC',            children: []          }        ]      },      {        title: 'AC'      }    ]  },  {    title: 'B',    children: []  },  {    title: 'C',    children: []  }]你怎么做到這一點？我迷路了：let tree = []let path = [0]let items = list('div')items.forEach(item => {  let left = parseInt(item.style[`padding-left`] || 0) % 15  let set = tree  let p = path.concat()  while (left) {    let x = p.shift()    set[x] = set[x] || { children: [] }    set = set[x].children    left--  }})function list(s) {  return Array.prototype.slice.call(document.querySelectorAll(s))}