将div包装成包装div

Question

我有一个div，里面有一些元素。我想要的是使用j查询在div周围创建一个包装div。

<div id="foo">
    <input type="text">
    <input type="button">
</div>

我需要使上面的代码看起来像下面的

<div class="wrapper">
    <div id="foo">
        <input type="text">
        <input type="button">
    </div>
</div>

Answer 1

只需使用Wrap方法。

$( "#foo" ).wrap( "<div class='wrapper'></div>" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
<input type="text">
<input type="button">
</div>