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

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

例如：

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

我希望它能提供以下信息：

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

有什么想法吗？

在

each（）

块中，

此

将引用迭代中的当前元素

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

将函数作为第二个参数，该参数可以返回必须分配给属性的值

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

---

演示：

今天有人对一半的答案投了反对票：\@Rorymcrossan您可能想在索引中添加1您正在添加jQuery数据属性。他正在尝试向标记添加属性。这在标记中不可见，因为

data-*

将值放入缓存，而不是DOM。您需要使用

attr

@j08691 OP-does，

我希望它生成以下内容：

。如果他使用的是属性选择器，那么它必须在DOM中可见。@Rorymcrossan-我相信他是在追求最终结果，不管它是否在标记中可见。所有这些答案都非常棒，我很高兴没有添加这些！我责备周五下午！谢谢大家！您想用一个复选标记来选择下面的答案@PHPDev76

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

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

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