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

Question

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

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

我想删除了span一个封装图像.

所以我可以得到,

<a href="#">

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

</a>

Answer 1

你需要打开包装

$('img').unwrap();

Answer 2

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

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