我有一个很长的 UL 列表,我需要将其分解成更小的列表,每个列表包含大约 20 个项目。
我想我可以用类似的东西
$(function() {
$("ul li:nth-child(20n)").after("</ul><ul>");
});
但事实并非如此。知道如何以占用最少 CPU 的方式使用 jQuery 吗?
最佳答案
我会用您删除的 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
关于jQuery 将长 ul 列表拆分为较小的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1644668/