在匹配的DOM元素集上使用jQuery时是否使用索引号？

Question

我想知道在使用jQuery操作DOM时是否有一个索引号可以使用。

例如，我可以这样做吗？

$("#elements a").css('id','element-'+index);

所以转过去

<div id="elements">
  <a href="#"></a>
  <a href="#"></a>
  <a href="#"></a>
</div>

至

<div id="elements">
  <a id="element-1" href="#"></a>
  <a id="element-2" href="#"></a>
  <a id="element-3" href="#"></a>
</div>

Answer 1

如果要设置id属性，则需要用户.attr()。

$("#elements a").attr('id',function(index){
    return 'element-'+ (index + 1)
});

演示：Fiddle

Answer 2

Arun的方法工作得很好，但这一点也一样，而且在概念上似乎简单一些，因为.each()传递了它正在枚举的项的回调索引，因此您可以直接使用它来赋值id值：

$("#elements a").each(function(index) {
    this.id = 'element-'+ (index + 1);
});

或者，如果您试图引用第三项而不提前分配id，您可以这样做：

$("#elements a").eq(2).css("color", "red");

Answer 3

这样做..。

var i=1;    
$("#elements a").each(function(){
      $(this).attr("id","element-"+i);
       i++;
});