如何在拥有父元素时包装元素？

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>")

但是,正如我所料,这会分别包含我wrap1div中的每个子div .

怎么做到这一点？

Answer 1

使用.wrapInner()父元素,

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

DEMO