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

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;
});