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