jQueryの：内部の要素以外の要素を削除

Question

内部要素以外の要素を削除するにはどのような方法があります：

<div class="gallery"> 
    <a href="images/rep.png" title="rep"> 
    <img src="http://example.com/uploads/rep.png" class="thumbnail" alt="rep" title="rep"> 
    </a> 
</div> 

<div class="gallery"> 
    <img src="http://example.com/uploads/rep.png" class="thumbnail" alt="rep" title="rep"> 
</div> 

に私はこのコードを書いたが、動作しません：

$(".gallery").contents().filter(".thumbnail").remove(); 

Answer 1

jQueryにはunwrap()というメソッドがあり、親ノードを削除し、一致した要素をそのまま残します。

$(".gallery").contents().filter(".thumbnail").unwrap(); 

// or (faster) 
$(".gallery .thumbnail").unwrap(); 

• http://api.jquery.com/unwrap/

Answer 2

$(".thumbnail").unwrap() 

http://api.jquery.com/unwrap/

Answer 3

シンプルな方法であるかもしれませんが、：

$('.gallery').each(function() { 

    var img = $(this).find('img'); 
    $(this).children("a").remove(); 

    $(this).append(img); 

}); 

Answer 4

は

01を試してみてください

innerhtml = $("div.gallery .thumbnail").get(); 
$("div.gallery").html(innerhtml);