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为id的所有Name。

这是我的代码

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

Answer 1

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

<强> Live Demo

$('.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

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

4 个答案: