jQuery nth child trouble

Question

我正在尝试将每个三个.item div包装在一个更大的div中，我该怎么做？

原件：

<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