如何使用Jquery动态地为特定类的元素分配ID？

Question

我看了其他问题，但没有一个真的帮助过我。我想给属于同一个类的许多元素提供ID而无需手动执行。这是我的代码不起作用：

$curelem = $(".item:first");

for (var $i=0; i < $(".item").length; ++$i){
    $curelem.attr("id", "item" + $i);
    $curelem = $curelem.next('a');
}

这是一个小的语法错误，还是我完全错了？

Answer 1

如果你正在使用jQuery，你可以使用jQuery的each()函数：

var i = 0;

$('.item').each(function(){
   $(this).attr('id', 'item' + i);
   i++;
});

Answer 2

$('.item').each(function (i, el) {
    el.id = "item" + i;
});

Answer 3

$('.item').each(function(i) {
    this.setAttribute('id', "item" + i);
});

Answer 4

使用http://api.jquery.com/jquery.each/循环遍历元素：

$(".item").each(function( index, value ) {
  $(this).attr("id", "item"+index);
});