如何创建一个包裹所有其他子div的子div

Question

我有这个HTML结构：

<div class="a">
    <div class="b"></div>
    <div class="c"></div>
    <div class="d"></div>
</div>

我怎么能使用jquery将div div添加到div“a”中，它将包围“b”，“c”和“d”？ 基本上，我想要的最终html应如下所示：

<div class="a">
    <div class="child">
        <div class="b"></div>
        <div class="c"></div>
        <div class="d"></div>
    </div>
</div>

谢谢

Answer 1

尝试，

$('.a > div').wrapAll($('<div/>',{'class' : 'child'}));

DEMO

Answer 2

试试这个：

$(function() {
   $('.a > div').wrapAll('<div class="child"></div>');
});

Answer 3

使用.wrapInner()

$('.a').wrapInner('<div class="test"></div>')

工作演示

要么

使用.wrapAll() ：

 $('.a div').wrapAll('<div class="child"></div>')

工作演示

Answer 4

$('.a').html('<div class="child">'+$('.a').html()+'</div>');