删除 id 包含特定符号的 <tr>

Question

我在我的 JSP 页面中取消了 <table>。使用 JavaScript，我想删除所有 id 包含 ; 的 <tr>s。

例如：

<tr id=";1234;">
   ...
   ...
</tr>

必须删除整行。有人可以给我小费吗？

Answer 1

document.querySelectorAll('tr[id*=";"]').forEach(node => node.remove());

<table>
  <tr id=";1234;">
    <td>Remove Me</td>
  </tr>
  <tr>
    <td>Keep Me</td>
  </tr>
</table>

Answer 2

您可以通过执行以下 sn-p 以编程方式删除所有 id 中包含 ; 的 <tr> 元素：

Array.from(document.querySelectorAll('tr[id*=";"]')).forEach(tr => {
  tr.remove()
})

以下链接供参考：

• document.querySelectorAll()
• attribute selectors
• Array.from()
• Array#forEach()
• ChildNode#remove()

Answer 3

执行此操作的最简单方法如下，并且兼容跨浏览器（非 ECMA6）。

https://jsfiddle.net/dfju8xn8/1/

<table>
<tr id=";1234;">
<td>foo</td>
</tr>

<tr id="yadayada">
<td>moo</td>
</tr>
</table>

和Javascript

var myElements = document.querySelectorAll('tr[id*=";"]');

for (var xx = 0; xx < myElements.length; xx++) {
   myElements[xx].outerHTML ='';
}

附言为了便于阅读，您应该使用上述方法之一。如果您将不得不对大型结果集进行迭代，请考虑将 for 循环测试为执行得更快。