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

我有以下结构:

<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 中。

如何做到这一点？

最佳答案

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

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

DEMO

关于javascript - 拥有父元素时如何包装元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26236690/