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

Question

我有这个html结构：

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

如何使用jquery将div div添加到div＆＃34; a＆＃34;这将包围＆＃34; b＆＃34;，＆＃34; c＆＃34;和＆＃34; d＆＃34;？ 基本上，我想要的最终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>')

<强> Working Demo

或

使用.wrapAll()：

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

<强> Working Demo

Answer 4

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