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