javascript - テーブル内のすべての同じIDTRを削除します

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

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 2

idはdomの要素に対して一意であると想定されているため、idの代わりにいくつかのクラスを使用することをお勧めします。

ライブデモ

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

Answer 3

ID は一意です。同じ ID を 2 回使用することはできませんが、同じクラスを「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