在jquery每个循环中设置数据属性[重复]

Question

我有一个简单的页面：

<div>test 1</div>
<div>test 2</div>
<div>test 3</div>
<div>test 4</div>
<div>test 5</div>

jQuery 脚本：

$( document ).ready(function() {

    $.each($('div'), function (index, item) {
        $(item).data('testdata', index);
    });

});

这里是 jsfiddle： https://jsfiddle.net/yfo8m93g/

我循环遍历 div 容器，为每个容器添加一个数据属性。 但是，当我在运行小提琴后检查页面时，我看不到 DOM 中的数据属性。 我做错了什么？

Answer 1

使用.attr()

$( document ).ready(function() {

    $.each($('div'), function (index, item) {
        $(item).attr('data-testdata', index);
    });

});

https://jsfiddle.net/yfo8m93g/6/