javascript - 拥有父元素时如何包装元素？

Question

我有以下结构:

<div class='wrap1'>
 <div class='element1'></div>
 <div class='element2'></div>
</div>

现在我想得到:

<div class='wrap1'>
 <div class='anotherWrap'><!-- this is new-->
  <div class='element1'></div>
  <div class='element2'></div>
 </div>
</div>

也就是说，我需要将 element1 和 element2 包装在 anotherWrap 中。

我试过:

$('.wrap1').children().wrapAll("<div class='anotherWrap'></div>")

但是，如我所料，这将每个子 div 分别包装在我的 wrap1 div 中。

如何实现？

Answer 1

在父元素上使用 .wrapInner()，

$('.wrap1').wrapInner("<div class='new' />");

DEMO