在每个循环的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/