如何从dom中删除此div？

Question

使用jQuery，如何删除下面的#hello div并将a元素保留在外部div标签内？

我想离开这个：

<div>
  <div id="hello">
    <a href="http://google.com"></a>
  </div>
</div>

对此：

<div>
  <a href="http://google.com"></a>
</div>

Answer 1

尝试展开功能：

$('#hello a').unwrap();

见http://api.jquery.com/unwrap/。干杯！

Answer 2

var divToBeRemoved=$("#hello");
var html=divToBeRemoved.html();
var parentOfDiv=divToBeRemoved.parent();
divToBeRemoved.remove();
parentOfDiv.html(html);

Answer 3

var alink = $('#hello a').clone();
$('#hello').parent().html(alink);