将四个不同的div组合成一个

Question

所以我发现下面的代码将div分组：

var theDivs=  $('.testimonials');
var  numOfLines= theDivs.length;
for (i=0; i< numOfLines; i=i+3){
  theDivs.eq(i).add(theDivs.eq(i+1)).add(theDivs.eq(i+2)).wrapAll('<div class="slide" />') ;
}

它很可爱，但它只包含3个div，我希望它能成为第4组。

我正在努力提出这个问题，因为我确信这是一个非常容易解决的问题。我已经修改了上面的数字，但是无法让它工作。

非常感谢任何帮助。

Answer 1

尝试这些更改

var theDivs=  $('.testimonials');
var  numOfLines= theDivs.length;
for (i=0; i< numOfLines; i=i+4){
  theDivs.eq(i).add(theDivs.eq(i+1)).add(theDivs.eq(i+2)).add(theDivs.eq(i+3)).wrapAll('<div class="slide" />') ;
}

Answer 2

如何使用lt jquery方法：

$(".testimonials:lt(4)").wrapAll('<div class="slide" />');

或使用slice：

$('.testimonials').slice(0,5).wrapAll('<div class="slide" />');