如何在另一個div jquery中動態添加div？

Question

我有這樣

<div class="maindiv"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div>

現在我需要添加DIV這樣的格式

<div class="maindiv"> 
<div> 
    <div class="box"></div> 
    <div class="box"></div> 
</div> 
<div> 
<div class="box"></div> 
<div class="box"></div> 
</div> 

如何在jQuery的做這個內容？

Answer 1

試試這個

var boxes = $(".maindiv > .box"); 

for (var i = 0, len = boxes.length; i < len; i += 2) { 
    boxes.slice(i, i + 2).wrapAll("<div></div>"); 
} 

Example