使用jquery添加新的父div树

Question

我是jquery的新手并找到解决方案，

<div id="parent">
   <div class="child1">Child 1 Contents</div>
   <div class="child2">Child 2 Contents</div>
</div>

我想在<div id="parent">之后创建新的父div元素，并使用jquery将所有来自此父级的子元素包含到新父级中，因此结果html如下所示：

<div id="parent">
  <div id="newparent">
    <div class="child1">Child 1 Contents</div>
    <div class="child2">Child 2 Contents</div>
  </div>
</div>

如何使用jquery解决这个问题？

Answer 1

jQuery的wrapInner应该可以解决问题：

$('#parent').wrapInner('<div class="newparent"></div>');