用于拆分列表的while循环答案

【问题标题】：While loop for split a list用于拆分列表的while循环
【发布时间】：2013-03-09 19:23:34
【问题描述】：

我使用了这个脚本。拆分一个大列表。

var $bigList = $('.list-products'), group;
while((group = $bigList.find('li:lt(4)').remove()).length) {
    $('<ul class="list-products"/>').append(group).appendTo('.box-products');
}

这个脚本有问题。我希望你能帮助我。

当我运行这个脚本时。该脚本不会删除 orginele ul。运行脚本后在html中有一个空的ul

以及如何围绕它创建一个 div。我想要一个带有类产品容器的 div 围绕 ul 列表。

感谢您的帮助！

【问题讨论】：

显示您开始的 HTML，以及之后想要的 HTML。

标签： javascript jquery list split append

【解决方案1】：

试试

var $bigList = $('.list-products'), group;
while((group = $bigList.find('li:gt(3):lt(4)').remove()).length) {
    $('<ul class="list-products"/>').append(group).appendTo('.box-products');
}

演示：Fiddle

【讨论】：

感谢您的帮助。但脚本的其他问题。我怎样才能在 ul 周围放置一个 div？当我这样做时： $('
').append(group).appendTo('.box-products');它不工作......
试试$('<ul class="list-products"/>').append(group).wrap('<div></div>').appendTo('.box-products')