如何使用jquery在td标记中添加带有值的属性

Question

我有一个包含2行和3列的表。我想为检测它的任何td添加2属性。 （这些属性为col＆amp; row，可显示任何tds的列和行。）

这是我的代码：

<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

documentation will help

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