删除元素内的每个图像？

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();

});

其中$('#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();