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

嘗試

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