使用jquery增加每个元素的属性值（int）

Question

我有未知数量的节元素：

<section id="foo">
...
</section>

<section id="bar">
...
</section>

对于存在的每个节，我需要添加一个属性“data-serial”，它是一个从 0 开始的整数，并且对于存在的每个节递增 1，例如上面的内容将变成：

<section id="foo" data-serial="0">
...
</section>

<section id="bar" data-serial="1">
...
</section>

<section id="bla" data-serial="2">
...
</section>
...

如何使用 jQuery 实现这一点？

谢谢

Answer 1

var current = 0;
$("section").each(function() {
   $(this).data("serial", current);
   current++;
});

这将循环遍历文档中的所有 section 元素，并使用 jQuery data 方法将 current 的值附加到每个元素。

Answer 2

James Allardice 答案的修改版本利用了很少使用的参数，每个参数都传递给给定的函数。第一个参数是循环当前迭代的索引。

http://api.jquery.com/each/

$("section").each(function(index) {
   $(this).attr("data-serial", index);
});

Answer 3

类似的东西

var i = 0;
$('section').each(function() {
    $(this).data('serial', i++);
});

Answer 4

$("section").each(function(i, e) { $(e).attr("data-serial", i) });