html 如何循环访问表行并在a处执行特定操作< td>if a element exist为true？

3gtaxfhh 于 2023-02-10 发布在其他

关注(0)|答案(1)|浏览(113)

我这里有以下表格：

<table id="users-table">
 <tbody>
  <tr>
    <td class="uid">1234</td>
    <td class="user-checkbox"><input type="checkbox"></td>
  </tr>
 </tbody>
</table>

<tbody>中存在多个<tr>
我需要编写代码来检查<td>的.uid类是否与代码中的uID变量匹配，如果匹配，我需要使用.user-checkbox类选中该复选框。

Html

来源：https://stackoverflow.com/questions/63135436/how-to-iterate-through-a-table-row-and-perform-a-specific-operation-at-a-td-if

1条答案

按热度按时间

33qvvth11#

这是一个原生的JS代码

const uID = 1234;

const rows = document.querySelectorAll("#users-table tbody tr");
rows.forEach(row => {
  const uidCell = row.querySelector(".uid");
  if (uidCell.textContent === uID.toString()) {
    const checkbox = row.querySelector(".user-checkbox input");
    checkbox.checked = true;
  }
});

赞(0）回复(0）举报 2023-02-10

我来回答

html 如何循环访问表行并在a处执行特定操作< td>if a element exist为true？

1条答案

相关问题

热门标签

最新问答