如何追加外層div jQuery中

Question

我想補充this..Like

<addDiv> 

    <div> 
    --------- 
    Code 
    --------- 
    </div> 

</endDiv> 

任何建議以外的DIV？

Answer 1

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

 
$("span").wrap('<div class=wrapper></div>')

.wrapper { 
 
    color: red 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    1 
 
</div> 
 

 
<div> 
 
    11 
 
</div> 
 

 
<div> 
 
    111 
 
</div> 
 

 
<span>1</span> 
 

 
<span>1</span>

1. 使用.wrap()如果你只是想換行只有一個DIV
2. 使用.wrapAll()多格在一個包裝來包裝

Answer 2

<div id="tempdiv">Hello</div> 



<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    var html = "<div id='outerDiv' style="height:100px;width:100px;background- 
    color:red;"></div>"; 
$(body).append(html); 
var x = $("#tempDiv"); 
$("#tempDiv").remove(); 
$("#outerDiv").append(x); 
}); 
</script> 

Answer 3

你可以使用jQuery 包裝。

基本上，你會做這樣的事情：

$(".inside-div-class").wrap('<div class="outside-div"></div>'); 

來源：https://api.jquery.com/wrap/