Javascript / Jquery:数字嵌套列表

时间:2014-08-17 05:54:53

标签: javascript jquery

我有一个嵌套列表:

<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是由没有ID的Apache速度生成的。我正在尝试创建一个更新id的方法,如果您使用jquery sortable移动元素。对于第一个“li”的第一个元素,id的结构对于第一个项“1-1”必须是“1”。我尝试使用index()但我不能以我需要的形式生成id

1 个答案:

答案 0 :(得分:1)

目前还不清楚你在这里想做什么,但这里有一个用动态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"));
 })

Fiddle