javascript - 删除除具有给定类的行之外的所有表行

Question

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

我尝试过的:

• for循环:使用增量，当行被删除时，该增量很快就会失效
• while循环:一直持续到所有行都被删除为止，但由于条件原因，这种情况永远不会发生

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

Answer 1

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

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>