如何删除元素而不删除其中的内容？

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

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

参见示例http://jsfiddle.net/vikastyagi87/Xaa39/6/

Answer 3

你正在寻找jQuery函数unwrap()：

  

从DOM中删除匹配元素集的父元素，将匹配的元素留在原位。

查看the API doc page了解详情。

Answer 4

您必须在此处稍微修改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;