jQuery 将长 ul 列表拆分为较小的列表

Question

我有一个很长的 UL 列表，我需要将其分解成更小的列表，每个列表包含大约 20 个项目。

我想我可以用类似的东西

$(function() {
    $("ul li:nth-child(20n)").after("</ul><ul>");
});

但事实并非如此。知道如何以占用最少 CPU 的方式使用 jQuery 吗？

Answer 1

我会用您删除的 li 创建文档片段，然后将它们重新附加到您想要的位置。在这种情况下，我将它们重新附加到正文中:

$(function(){
  var $bigList = $('#bigList'), group;
  while((group = $bigList.find('li:lt(20)').remove()).length){
    $('<ul/>').append(group).appendTo('body');
  }
});

现场演示位于:http://jsbin.com/ejigu/33