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>

2つの同様のstackoverflowの質問に基づいてコンパイルされたjsfiddleの進行中の作業がありますが、動作させることができません。

http://jsfiddle.net/logopogo/q6H7e/1/

私の現在の考え方は、ここからの答えを使用して、単一レベルのリストを JavaScript データ (JSON ?) に変換することです: How do I convert the items of an LI into a json object using jquery?

次に、ここからの回答を使用して、その JSON データから新しいリストを再構築します: メニュー項目の URL パス構造に基づいて、ネストされた UL メニューを作成します。

4

0 に答える 0