javascript - 用于拆分列表的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 。我想要一个带有类产品容器的 div 围绕 ul 列表。

谢谢你的帮助！

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');
}

演示：小提琴