將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>