删除包装div并保留所有子div完整？

Question

我有一个包装器div,里面有几个子div,并且这些子div内也有标签.我想删除包装器div.我已经考虑过JQuery的解包,但似乎我需要指定子div来告诉Jquery要解包的内容.如果有几个孩子,这会有用吗？

所以,代码看起来像:

<div id="wrapper">
  <div id="innerDiv1"></div>
  <div id="innerDiv2"></div>
  <div id="innerDiv3"></div>
</div>

任何帮助,一如既往,表示赞赏.

谢谢.

Answer 1

该unwrap方法可以正常工作(您可以选择任意/任意数量的兄弟姐妹):

$("#innerDiv1").unwrap();

从文档(重点补充):

匹配的元素(以及它们的兄弟,如果有的话)在DOM结构中替换它们的父节点.

Answer 2

添加到@james

你可以做这样的事情

var innerDivs = $("#wrapper").html();
$("#wrapper").remove();
$("body").append(innerDivs);? // you will need to change this to append to whatever element you like

jsfiddle的例子

http://jsfiddle.net/dAZ9D/

Answer 3

另一种解决方案是.replaceWith()结合使用.html()：

jQuery('#wrapper').each(function () {
    var t = jQuery(this);
    t.replaceWith(t.html());
});