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

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

但是，正如我所料，这会分别包裹我的wrap1 div中的每个子div。

如何做到这一点？

Answer 1

在父元素

上使用.wrapInner()

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

DEMO

Answer 2

我也试图这样做，但没有找到任何解决方案。我使用了以下工作。希望这对你有用..

$('.wrap1').prepend("<div class='anotherWrap'>").append("</div>");

Answer 3

使用：

$( ".element1,.element2" ).wrapAll( "<div class='anotherWrap'></div>");

<强> Working Demo

Answer 4

第3次使用.contents()：

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

JSFIDDLE：http://jsfiddle.net/4tbtoga2/。