javascript - 删除所有表行，除了具有给定类的行

Question

我有一个动态呈现的表格。<tr class="dolly">在其内部某处有一个<tbody>用作参考行 - 它稍后会被克隆并填充数据。我需要删除除该行之外的所有行。

我尝试了什么：

• forloop：使用一个增量，随着行被删除，该增量很快变得无效
• while循环：一直持续到所有行都被删除，由于条件，这永远不会发生

如果您有任何想法，请告诉我。请不要使用 jQuery。

标签： javascriptdomhtml-table

Answer 1

用于document.querySelectorAll('tr:not(.dolly)')选择tr's除 class 之外的所有.dolly内容，然后对其进行迭代以删除过滤的tr's.

document.querySelectorAll('table tr:not(.dolly)').forEach((tr) => {
    tr.remove();
});

<table>
  <tr class="dolly">
    <td>One</td>
  </tr>
  <tr>
    <td>Two</td>
  </tr>
  <tr>
    <td>Three</td>
  </tr>
</table>