jquery - 如何删除 div 列表之一

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 是唯一的，这会弄乱您的文档，请改用 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)，因为元素从 开始计数0，所以 2 是您的第三个具有list类的元素。

Answer 2

如果您将使用 eq(2) 它将删除索引 2 处的 div 并记住索引是从零开始的 0。

对于通用答案，请尝试以下代码。

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

无论您需要搜索什么，都指定为包含中的参数。在这里，我们应该搜索“3”，所以我们将其作为 3 传递。

注意：还要永远记住 id 在 DOM 中应该是唯一的。这是首要的规则。

检查这个演示

Answer 3

替换id="list"为class="list"并尝试

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

Answer 4

多次迭代 anid会导致页面出现问题。将它们更改为class属性并随意操作！

http://jsfiddle.net/q5Wuh/

也可以随意添加点击事件

http://jsfiddle.net/qcGHR/