jquery - 如何自动增加ID有序列表中的新元素

Question

当有序列表的编号增加时，我想自动增加li有序列表中新元素的 ID。我试过了，但没有用。

请帮忙。

    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 不能以数字开头。