Javascript-如果一个div中有一个图像,则删除整个div
如果我有以下几个div,是否可以删除或隐藏其中包含图像的div(我不想使用类似于nth child的东西,以防将来添加另一个图像)Javascript-如果一个div中有一个图像,则删除整个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果我有以下几个div,是否可以删除或隐藏其中包含图像的div(我不想使用类似于nth child的东西,以防将来添加另一个图像) 测试1 测试1 测试1 测试1 测试1 注意:如果您正在查找具有图像作为直接子对象的divs,请将其替换为。使用.children查找。img查找divvia直接包含的img集合,然后查找每个img的父via,并通过以下方式删除它们: 示例(使用两个div和imgs,只是为了证明上述方法不仅仅处理一个div): $(“div>img”).parent().rem
测试1
测试1
测试1
测试1
测试1
注意:如果您正在查找具有图像作为直接子对象的
div
s,请将其替换为。使用.children
查找。div>img
查找div
via直接包含的img
集合,然后查找每个img
的父via,并通过以下方式删除它们:
示例(使用两个div和img
s,只是为了证明上述方法不仅仅处理一个div):
$(“div>img”).parent().remove()代码>
测试1
测试1
测试1
测试1
测试1
是的,非常简单。你做了什么研究?你发现了什么?你被困在哪里了?你试过什么吗?比这更简单。:-)有人刚刚否决了我,把它收回了。顺便说一句,我没有投你的反对票,我投了你的反对票!这不重要。坦率地说,我们谁也不应该回答这个问题。我本不打算这么做,但我看到了一个不正确的答案(现已修复)和一个过于复杂的答案,我无法克制自己。:-)$(“div:has(img)”).remove()
即使处理子体而不仅仅是子体,也可以比这简单得多。在我将注释添加到我的答案后,我准备将其添加为第二种方法!
<div>Test 1</div>
<div>Test 1</div>
<div>Test 1</div>
<div><img src="Image.jpg"</div>
<div>Test 1</div>
<div>Test 1</div>
$('div').each(function() { // for each div
var $this = $(this);
if($this.find('img').length) // if the div has images as descendants
$this.remove(); // remove it
});
$("div > img").parent().remove();