javascript - 删除表中所有相同的 id tr

Question

<table>
<tr id="Name"></tr>
<tr id="Name"></tr>
<tr id="Name"></tr>
<tr id="Name"></tr>
<tr id="Name"></tr>
<tr id="address"></tr>
</table>

这是我的问题。我想在不使用任何循环的情况下删除所有tr的。idName

这是我的代码

jQuery('#Name').remove();

Answer 1

Yopu 最好使用一些类而不是 id，因为 id 对于 dom 中的元素应该是唯一的。

现场演示

$('.someclass').remove();

Answer 2

不要使用ID属性，如果它不是标识符！标识符在整个文档中必须是唯一的，否则您会遇到类似的错误。

如果多个元素应该共享某些属性（例如在您的情况下可以一起选择），请使用其他属性，例如data-, name（有时）或class.

在您的情况下，您想使用 name 或 class 属性。如果您决定使用 class 属性，则 JS 可能如下所示：

jQuery('.Name').remove();

有了这个 HTML

<table>
 <tr class="Name"></tr>
 <tr class="Name"></tr>
 <tr class="Name"></tr>
 <tr class="Name"></tr>
 <tr class="Name"></tr>
 <tr class="address"></tr>
</table>

Answer 3

Id 是唯一的，您不能使用相同的 Id 两次，但是您可以使用相同的类“n”次

<table>
<tr class="Name"></tr>
<tr class="Name"></tr>
<tr class="Name"></tr>
<tr class="Name"></tr>
<tr class="Name"></tr>
<tr id="address"></tr>
</table>

<script>
   jQuery('.Name').remove();
</script>

Answer 4

使用 jQuery 属性选择器查找元素：

不要将 id 用于同一文档中的多个元素。

$("tr[id='Name']").remove()

在这里演示：jsfiddle