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

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