Java 脚本 for 循环仅迭代表中的第一行

Question

我的 for 循环将迭代多次，但我想要对单元格进行的任何更改仅发生在第一行中。行和单元格的计数器都会上升，但唯一更新的单元格是第一行中的单元格。我什至通过控制台进行了检查，其他行没有发生任何事情。

注意：我只想更新具有 ID 的单元格

var table = document.getElementById("myTable");

for (var r = 0, n = table.rows.length; r < n; r++) //for every row
{
  for (var c = 0, m = table.rows[r].cells.length; c < m; c++) //for every cell
  {
    var x = document.getElementsByTagName("td")[c];
    console.log("row counter " + r);
    console.log("cell counter " + c);

    if (x.id == "wed_asso") {
      schedule_wed();
      x.innerHTML = wed_associate;
    }

    if (x.id == "asso") {
      schedule();
      x.innerHTML = associate;
    }
  }
}

<table id="myTable">
  <tr>
    <th> </th>
    <th> Wednesday </th>
    <th> Thursday</th>
    <th> Friday</th>
    <th> Saturday</th>
    <th> Thursday</th>
    <th> Friday</th>
    <th> Saturday</th>
  </tr>
  <tr>
    <td> TDR</td>
    <td>John</td>
    <td id="asso"></td>
    <td>Alec</td>
    <td id="asso"></td>
    <td id="asso"></td>
    <td>Alec</td>
    <td id="asso"></td>
  </tr>
  <tr>
    <td> </td>
    <td id="wed_asso"> </td>
    <td id="asso"> </td>
    <td id="asso"> </td>
    <td id="asso"> </td>
    <td id="asso"> </td>
    <td id="asso"> </td>
    <td id="asso"> </td>
  </tr>
</table>