jquery - 使用 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>');