使用jquery .each（）增加attr值

Question

我正在使用impress.js进行演示，而不是将其用于花哨的东西，我只希望幻灯片彼此相距900px。 我可能需要根据演示文稿的长度添加/删除幻灯片，而不是更改每个data-y值，而是想使用jQuery遍历每张幻灯片并将900px添加到每个幻灯片位置。 这是我正在使用的jQuery：

var counter = 0;
$('.slide').each(function(){
    var posY = counter * 900;
    $(this).attr("data-y", posY);
    counter++;
});

但这不是将值添加到我的html中的data-y属性中。 我相信代码是正确的，我只是不确定为什么它不起作用。

Answer 1

尝试使用data（）函数更改数据值

$(this).data("y", posY);

从文档

HTML5 data- *属性

从jQuery 1.4.3开始，HTML 5的data-属性将自动拉入jQuery的数据对象。 在jQuery 1.6中更改了带有嵌入式破折号的属性处理，以符合W3C HTML5规范。

Answer 2

要用更少的代码做到这一点，请使用each循环的索引作为乘数

$('.slide').each(function(i){
    var posY = i * 900;
    $(this).data("y", posY);
});