将数据属性添加到表格单元格

Question

是否可以使用jquery将数据属性添加到表格单元格？我有以下内容，但它没有向td添加数据属性。

$("td.row").each(function( index ) {
  $(this).data("rowid",index);
});

有什么想法吗？

Answer 1

.data()允许您存储与元素关联的数据。它允许您从已设置data-*属性的元素中获取数据，但它实际上不允许您向元素添加data-*属性。

.attr()允许您添加此属性。

$("td.row").each(function( index ) {
    $(this).attr("data-rowid", index);
});

你也可以使用@ CrazyTrain的解决方案，这似乎更有效：

$("td.row").attr("data-rowid", function(index) { 
    return index;
});