删除其id包含特定符号的ID

Question

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

例如：

<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

您可以通过执行以下代码段以编程方式删除包含<tr>的{​​{1}}的所有id元素：

;

以下链接供参考：

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

Answer 3

EASIEST的方法如下，并且是跨浏览器（非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 ='';
}

P.S。为了便于阅读，您应该使用上述方法之一。如果您将不得不迭代一个大的结果集，请考虑for循环被测试为执行得更快。