我有一个单级无序列表,其中包含指向各个目录级别的链接。我想从标记重新创建一个无序列表,但根据链接 URL 的目录结构嵌套列表项。
所以改变这个例子:
<ul>
<li><a href="/page1">Page 1</a></li>
<li><a href="/folder/page2">Page 2</a></li>
<li><a href="/folder/page3">Page 3</a></li>
</ul>
进入这个:
<ul>
<li><a href="/page1">Page 1</a>
<ul>
<li><a href="/folder/page2">Page 2</a></li>
<li><a href="/folder/page3">Page 3</a></li>
</ul>
</li>
</ul>
我有一个 jsfiddle 正在进行的工作,它是根据两个类似的 stackoverflow 问题编译的,但我无法让它工作。
http://jsfiddle.net/logopogo/q6H7e/1/
我目前的思路是使用此处的答案将单级列表转换为 javascript 数据(JSON?): 如何使用 jquery 将 LI 的项目转换为 json 对象?
然后使用此处的答案从该 JSON 数据重建一个新列表: Create a nested UL menu based on the URL path structure of menu items