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