Javascript 如何将ul切片，使每6个项目都包裹在ul中？

我有一个列表元素，其中li的数量可以是想象中的任意多

我想把它切片，这样我就可以用一个ul包住前6个元素，然后用另一个ul包住下6个元素，然后用另一个ul包住下6个元素，直到所有元素都被包住

这是我的html

<div id="flexslider" class="flexslider" data-item="4">
  <ul class="slides">
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>
    <li class="item"> <img src="http://placehold.it/1200x600" alt="placeholder image"></li>    
  </ul>
</div>

还有我的jQuery来做包装

for (var i = 0; i < item.length; i += dataItem) {
  item.slice(i, i + dataItem).wrapAll('<ul class="items"></ul>');
}

for（变量i=0；i”）；
}

我希望上面的jQuery能给我以下输出

  item.slice(0, 6).wrapAll('<ul class="items"></ul>');
  item.slice(6, 12).wrapAll('<ul class="items"></ul>');
  item.slice(12, 18 + dataItem).wrapAll('<ul class="items"></ul>');

item.slice（0,6）.wrapAll（“
”）；
item.slice（6,12）.wrapAll（“
”）；
item.slice（12,18+数据项）.wrapAll（“
”）；

但是，它没有创建三个uls。它创造了两个

---

我做错了什么？如何创建三个ul？

什么是

项和
数据项
？不能只包装它们…
不能是
的直接子项。你的预期结果是什么？退一步，这里有一个小提琴，展示了如何将一组项目拆分为组。看看你是否可以根据自己的需要调整它：注意
Math.ceil
如果我有13个项目，我除以6，得到的比2多一点。如果我在for循环中使用它，它将只运行两次
Math.ceil
“在这种情况下添加”1谢谢大家。我能够解决它，因为什么是
item
和
dataItem
？不能只包装它们…
不能是
的直接孩子。你的预期结果是什么？退一步，这里有一个小提琴，展示了如何将一组项目拆分为组。看看你是否可以根据自己的需要调整它：注意
Math.ceil
如果我有13个项目，我除以6，得到的比2多一点。如果我在for循环中使用它，它将只运行两次
Math.ceil
“在这种情况下添加”1谢谢大家。我能够像以前一样解决它