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

Spe*_*cer 1 javascript jquery

是否可以使用jquery将数据属性添加到表格单元格?我有以下但它没有添加数据属性td.

$("td.row").each(function( index ) {
  $(this).data("rowid",index);
});
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

Sha*_*313 5

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

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

$("td.row").each(function( index ) {
    $(this).attr("data-rowid", index);
});
Run Code Online (Sandbox Code Playgroud)

您也可以使用@ CrazyTrain的解决方案,它似乎更有效:

$("td.row").attr("data-rowid", function(index) { 
    return index;
});
Run Code Online (Sandbox Code Playgroud)