如何删除一个元素，但不是内部的内容？

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/