如何創建一個包裹所有其他子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>');