如何在有序列表<ol> </ol> </li>中自动增加<li>新元素的id

Question

我希望在有序列表的编号增加时自动增加有序列表中新li元素的id。我尝试了这个，但它没有用。

Plz帮助。

    var counter = 0;

    var html = "<div class='steps '><ol ><li class='personid'  id='"+  counter++   +"' ><a href='url-here' >Link Text </a></li></ol><div>";
    $('#redactor2').append(html);

这是http://jsfiddle.net/younis764/rWcKu/1/

Answer 1

您发布的代码似乎只添加了一个<li>项。但是，假设您要在循环中添加项目，这应该可以满足您的需求：

var html = '<div class="steps">\
                <ol>';

for(var i = 0; i < 10; i++)
{
    html+= '<li class="personid"  id="person'+ (i + 1) +'"><a href="url-here">Link Text</a></li>';
}

html+ '</ol><div>';
$('#redactor2').append(html);

值得注意的是，ID不能以数字开头。