在HTML表中的特定单元格中插入变量

Question

我正在尝试做一个程序，计算一些东西，并将结果插入到表格中等式旁边的单元格中。我不想给每一个单元格我想要插入的结果不同的类，因为如果我必须这样做1000次，那么代码会变得乱七八糟，我会为表中的每一个单元格提供1000个不同的ID。有没有一个函数可以获取一个单元格的索引或其他东西，然后我可以将值插入到那个单元格中？还是唯一的办法就是制作这些ID？

Answer 1

您可以使用相对寻址和选择器

null

document.querySelectorAll("tr :nth-child(1)")
  .forEach(cell => cell.nextElementSibling.textContent = eval(cell.textContent))

td:nth-child(1):after { content:":" }

<table>
  <tr>
    <td>2+2</td><td></td>
  </tr>
  <tr>
    <td>2*3</td><td></td>
  </tr>
  <tr>
    <td>2-2</td><td></td>
  </tr>
</table>