javascript - 如何为表格的单元格设置特定的ID

我有一个表，我想为表中的每个td设置一个特定的ID。有关更多说明：



我有一张这样的桌子：

<table class="myTable">
  <tr class="tr">
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
  </tr>
  <tr class="tr">
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
  </tr>
</table>

我想通过Jquery像这样制作表格：

<table class="myTable">
  <tr class="tr">
    <td class="td" id="td1"></td>
    <td class="td" id="td2"></td>
    <td class="td" id="td3"></td>
    <td class="td" id="td4"></td>
  </tr>
  <tr class="tr">
    <td class="td" id="td5"></td>
    <td class="td" id="td6"></td>
    <td class="td" id="td7"></td>
    <td class="td" id="td8"></td>
  </tr>
</table>

请帮助我做到这一点，谢谢大家。

最佳答案

也许是这样的吗？您可以使用each()来给您元素和索引。

$(document).ready(function() {
  $('.myTable td').each((i, e) => {
    $(e).attr('id', `td${(i + 1)}`);
    $(e).html(`td${(i + 1)}`);
  });
});

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

<table class="myTable">
  <tr class="tr">
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
  </tr>
  <tr class="tr">
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
    <td class="td"></td>
  </tr>
</table>