Javascript/Jquery:数字嵌套列表

Javascript/Jquery: Number nested list

本文关键字：嵌套 列表 数字 Jquery Javascript      更新时间：2023-09-26

有一个嵌套列表:

<ul>
  <li id="1">first</li>
  <li id="2">second</li>
  <ul>
    <li id="2-1">second nested first element</li>
    <li id="2-2">second nested secondelement</li>
    <li id="2-3">second nested thirdelement</li>
        <ul>
          <li id="2-3-1">Other</li>
        </ul>
  </ul>
  <li id="3"i>third</li>
  <li id="4">fourth</li>
</ul>

每个元素都有一个id，表示它在列表中的位置。如何自动生成它?谢谢你。

更新:html是由Apache velocity生成的，没有ID。我试图创建一个方法来更新id，如果你移动元素与jquery排序。对于第一个"li"的第一个元素，id的结构必须为"1"。我尝试使用index()但我无法生成我需要的形式的id

这里不清楚您到底想要做什么，但这里有一个使用动态id生成动态li的示例:

HTML: 

<ul id="autoGenerated">
</ul>

JS: 

for(var i = 1; i < 3 ;i++){
    $("#autoGenerated").append("<li id=2-" + i + ">Testing " + i + "</li>")
}

$('#autoGenerated li').click(function(){
   alert($(this).attr("id"));
 })

小提琴。

相关文章：