while循环用于拆分列表

Question

我用过这个脚本。分开一个大清单。

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。我想在ul列表中使用类产品容器的div。

谢谢你的帮助！

Answer 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