jQuery第n個孩子的麻煩

Question

我想在一個更大的div中包裝每一組三個.item divs，我該怎麼做？

原文：

<div class="item">..</div> 
<div class="item">..</div> 
<div class="item">..</div> 
<div class="item">..</div> 
<div class="item">..</div> 
<div class="item">..</div> 

的jQuery後：

<div class="row"> 
    <div class="item">..</div> 
    <div class="item">..</div> 
    <div class="item">..</div> 
</div> 
<div class="row"> 
    <div class="item">..</div> 
    <div class="item">..</div> 
    <div class="item">..</div> 
</div> 

我無法找出第n個子方程 - 任何幫助嗎？

Answer 1

可以使用.slice()和.wrapAll()這樣做：

var divs = $("div.item"); 
for(var i = 0; i < divs.length; i += 3) { 
    divs.slice(i, i+3).wrapAll("<div class='row'></div>"); 
} 

You can test it here