javascript - 删除元素内的每个图像？

Question

<div id="idhere">
<span>

<span><img src="link"></img></span>
<span><img src="link2"></img></span>
<span><img src="link3"></img></span>
<span><img src="link4"></img></span>
<span><img src="link5"></img></span>

</span>
</div>

我在这里有这段代码，我正在尝试删除每个 img 标签，但我不知道如何完成如此简单的任务。

您可以使用 jQuery 或 javascript 来回答。

Answer 1

1.

<img>标签不需要单独关闭</img>，因此首先要修复：

<span> <img src="link"/> </span>

2.

你应该寻找.find('img').remove()

http://api.jquery.com/find/
http://api.jquery.com/remove/

在你的情况下会是这样的：

jQuery(function( $ ){

  $('#idhere').find('img').remove();

});

where 的$('#idhere').find('img')执行速度比$('#idhere img'). 由你决定。

Answer 2

我希望这是您正在寻找的（基于标题）：

$("#idhere span > img").remove();

如果您想从页面中删除所有 <img>标签（因为它似乎基于您的问题文本），请改用：

$("img").remove();

Answer 3

这应该可以解决问题：

$('#idhere > span > span > img').remove();

（可以使用更短的选择器，例如#idhere img- 上面的选择器是最具体的，不能错误地匹配任何其他元素）

Answer 4

$("#idhere span > img").remove();