jQuery在较小的列表中拆分了长长的ul列表

小编典典

jQuery在较小的列表中拆分了长长的ul列表

html

我的UL清单很长，我需要分解成较小的清单，每个清单包含约20个项目。

我以为我可以使用类似

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

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

阅读 238

2020-05-10

共1个答案

小编典典

我将使用删除的lis 创建文档片段，然后将其重新添加到所需的位置。在这种情况下，我将它们重新附加到主体上：

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

2020-05-10