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