jquery - divリストの1つを削除する方法

Question

これが私のコードです。

<div id="list"> <div class="a">1</div><div class="b">1</div></div>
<div id="list"> <div class="a">2</div><div class="b">2</div></div>
<div id="list"> <div class="a">3</div><div class="b">3</div></div>
<div id="list"> <div class="a">4</div><div class="b">4</div></div>

削除する必要があります

<div id="list"> <div class="a">3</div><div class="b">3</div></div>

I tried $('#list[2]').remove() but it doesn't work. Help me, please. 

Answer 1

同じ ID を使用しない方がよいでしょう。ID は UNIQUE であるため、ドキュメントが台無しになります。代わりに Class を使用してください。

<div class="list"> <div class="a">1</div><div class="b">1</div></div>
<div class="list"> <div class="a">2</div><div class="b">2</div></div>
<div class="list"> <div class="a">3</div><div class="b">3</div></div>
<div class="list"> <div class="a">4</div><div class="b">4</div></div>

次の方法でアクセスします。

$('div[class="list"]').eq(2).remove(); 

または：

$('.list').eq(2).remove();

要素がeq(2)からカウントされ始めるため、02 はlistクラスを持つ 3 番目の要素です。

Answer 2

を複数回繰り返すと、idページで問題が発生します。それらを属性に変えてclass自在に操れ！

http://jsfiddle.net/q5Wuh/

クリックイベントも自由に追加してください

http://jsfiddle.net/qcGHR/

Answer 3

eq(2) を使用すると、インデックス 2 の div が削除され、インデックスが 0 ゼロ ベースであることを記憶します。

一般的な回答については、以下のコードを試してください。

$('.a:contains(3)').parent().remove()

検索する必要があるものは何でも、contains の引数として指定します。ここでは '3' を検索することになっているので、3 として渡します。

注: id は DOM 内で一意である必要があることも常に覚えておいてください。それが第一のルールです。

このデモをチェック

Answer 4

に置き換えid="list"てclass="list"試す

$(".list:contains('3')").remove();