如何刪除一個元素，但不是內部的內容？

Question

如何刪除元素，但不包含內容裏面的那個元素？

<a href="#"> 
    <span> 
     <img src="pic-1.jpg"/> 
    </span> 
</a> 

我想刪除封裝了圖像的span。

這樣我就可以得到，

<a href="#"> 

    <img src="pic-1.jpg"/> 

</a> 

Answer 1

你需要unwrap

$('img').unwrap(); 

Answer 2

jQuery的功能unwrap()是你在找什麼：

取下集的父母來自DOM的匹配元素，將匹配元素留在它們的位置。

查看the API doc page瞭解更多信息。

Answer 3

你必須修改你的HTML架構的位位置：

<a href="#" id="my_href"> 
    <span id="my_span"> 
     <img src="pic-1.jpg"/> 
    </span> 
</a> 

jQuery的解決方案：

$("#my_href").html($("#my_span").html()); 

非jQuery的解決方案：

document.getElementById("my_href").innerHTML = document.getElementById("my_span").innerHTML; 

Answer 4

$(document).ready(function(){ 
    $span = $('span'); 
    $span.replaceWith($span.html()); 
}); 

見例如http://jsfiddle.net/vikastyagi87/Xaa39/6/