在每个循环 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);
    });

});

我遍历 div 个容器，为每个容器添加一个数据属性。但是，当我检查运行和 fiddle 之后的页面时，我没有看到 DOM 中的数据属性。我做错了什么？

Answer 1

使用.attr()

$( document ).ready(function() {

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

});

Set data attribute in jquery each loop