Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/apache/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何删除一个div列表_Jquery_Html - Fatal编程技术网

Jquery 如何删除一个div列表

Jquery 如何删除一个div列表,jquery,html,Jquery,Html,这是我的密码 <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="

这是我的密码

<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>
11
22
33
44
我需要删除

<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. 
33
我尝试了$(“#list[2]”)。remove()但不起作用。请帮帮我。

最好不要使用相同的ID,因为ID是唯一的,这会弄乱文档,请使用类:

<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>
或:

您将看到
eq(2)
,因为元素从
0开始计数,所以2是具有
列表的第三个元素。

id=“list”
替换为
class=“list”
,然后重试

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

id
进行多次迭代将导致页面出现问题。将它们更改为
属性并随意操作

也可以随意添加一个点击事件

如果使用等式(2),它将删除索引2处的div,并记住索引是以0为基础的

要获得一般答案,请尝试下面的代码

$('.a:contains(3)').parent().remove()
您需要搜索的任何内容都指定为contains中的参数。这里我们应该搜索'3',所以我们将其作为3传递

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


检查此项

注释掉第三行?:]您有多个
div
s具有相同的
id
。这是无效的HTML,
id
s在文档中必须是唯一的。请将类用于此类操作。这就是它们的用途。ID是唯一的,但是
$('div[ID=“list”]”)。eq(2).remove()
应该仍然有效。问题一,不能有多个元素具有相同的ID。我们的第一个示例不起作用。此外,不要自行设定属性。在它们前面加上
数据-
@Blender:对,说得好,我修好了。也许我是个书呆子,但为什么不加
$('div.list')。eq(1).remove()
?@NikitaSilverstruk-您不应随意为html标记创建自己的自定义属性。如果需要向元素添加自定义数据,则应使用前缀为
data-
的自定义属性。更多阅读。@NikitaSilverstruk-查看并下载。我认为(连同下面的评论)大致概括了这一点。
$(".list:contains('3')").remove();
$('.a:contains(3)').parent().remove()