jquery .each（）将单个属性添加到div

Question

在加载时，我希望将数据幻灯片属性编号添加到同一类的每个div

例如：

<div class='slide' data-slide=''></div>
<div class='slide' data-slide=''></div>
<div class='slide' data-slide=''></div>

我正在尝试使用以下代码，但它所做的只是找到lnumber而不是索引：

$( ".slide" ).each(function( index ) {
$('.slide').attr( 'data-slide',''+index+'');
});

我希望它产生以下内容：

<div class='slide' data-slide='1'></div>
<div class='slide' data-slide='2'></div>
<div class='slide' data-slide='3'></div>

有什么想法吗？

Answer 1

.attr()将一个函数作为第二个参数，它可以返回必须赋值给属性的值

$(".slide").attr('data-slide', function (index) {
    return index + 1;
});

演示：Fiddle

Answer 2

在each()块内，this将引用迭代中的当前元素。

$(".slide").each(function(index) {
    $(this).attr('data-slide', index + 1);
});

Answer 3

<击> Fiddle DEMO

<击>

$(".slide").each(function (index) {
    $(this).data('slide', index);
});

<击>

Updated Fiddle DEMO

$(".slide").each(function (index) {
    $(this).attr('data-slide', index+1);
});