1

我有一个单级无序列表,其中包含指向各个目录级别的链接。我想从标记重新创建一个无序列表,但根据链接 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

4

0 回答 0