私はこのようなネストされたリストを持っています:
<ul>
<li>item 1</li>
<li>item 2
<ul>
<li>subitem 1</li>
<li>subitem 2</li>
<ul>
<li>sub-subitem1</li>
</ul>
</li>
</ul>
</li>
<li>item 3
<ul>
<li>subitem 1</li>
</ul>
</li>
</ul>
深度レベルに基づいてクラスを追加して、出力が次のようになる方法はありますか?
<ul class="level-0">
<li>item 1</li>
<li>item 2
<ul class="level-1">
<li>subitem 1</li>
<li>subitem 2</li>
<ul class="level-2">
<li>sub-subitem1</li>
</ul>
</li>
</ul>
</li>
<li>item 3
<ul class="level-1">
<li>subitem 1</li>
</ul>
</li>
</ul>
私はjQueryを初めて使用し、これを試しました。
$("ul").each(function(index, element){$(element).attr("class", "level-" + index);});
...しかし、それはそれらのインデックスに基づいてulを数えるだけです。どんな助けでも大歓迎です!