jquery - jqueryでtdタグに値を持つ属性を追加する方法

Question

2 行 3 列のテーブルが 1 つあります。配置を検出する任意の td に 2 つの属性を追加します。(これらの属性は、tds の列と行を示すcol&です。)row

これは私のコードです:

<table id="tab">
  <tr id="rows">
    <td></td>
    <td></td>
    <td></td>
  </tr>

  <tr id="rows" style="top:50px">
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

そして、任意のtdの任意のレベルに2つの属性を追加するループを使用したいのですが、最後にこのコードを取得したいのですが、できません:

<table id="tab">
  <tr id="rows">
    <td col="1" row="1"></td>
    <td col="2" row="1"></td>
    <td col="3" row="1"></td>
  </tr>

  <tr id="rows" style="top:50px">
    <td col="1" row="2"></td>
    <td col="2" row="2"></td>
    <td col="3" row="2"></td>
  </tr>
</table>

Answer 1

このjQueryでそれを行うことができます：

$("#tab tr td").each(function(){
    $(this)
        .attr("col", $(this).index() + 1)
        .attr("row", $(this).parent().index() + 1);
});

Answer 2

ドキュメントが役立ちます

$('selector').attr('name', 'value');