jquery添加或切片

Question

我试图在div中包装一定数量的元素。问题是元素的数量可能会根据用户的输入而有所不同。所以元素的数量可以是2,3,4甚至更多。我有一个变量，告诉我应该包装多少个元素。所以，举例来说，我的页面可能有这样的：

<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 
<div class="test"></div> 

现在我需要那些裹在另一div根据我的变量。所以，如果我的变量举行的3的值，它是这样的：

<div class="testing"> 
    <div class="test"></div> 
    <div class="test"></div> 
    <div class="test"></div> 
    </div> 

    <div class="testing"> 
    <div class="test"></div> 
    <div class="test"></div> 
    <div class="test"></div> 
    </div> 

我用这个代码：

$(this).add($(this).next()) 
     .add($(this).next().next()) 
     .wrapAll('<div class="testing"></div>'); 

但问题是，我需要知道多少元素将在那里。有没有一种动态的方式来做到这一点？我也看到了slice功能，并试图使用它像这样：

for(var i=0;i<img_cnt;i+=img_row){ 
    obj.children().slice(i,i+img_row).wrapAll('<div class="row"></div>'); 
} 

它不工作，虽然。我有8 div s。它应该一起包装3，所以我应该有3个新的div s，前2个中有3个，最后2个，因为只有8个div s。但是，我在第一个新的div中获得了3 div s，然后接下来的2 div完全不被包装，然后最后的3 div被包装在新的div中。我不确定它为什么不包装它。你有什么想法如何做到这一点或甚至更好的方法？

Answer 1

由于children正在改变，您的代码无法使用。尝试在恒定的设定使用slice：

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

例子：http://jsbin.com/upaji