拆分一个大的 ul 列表答案

【问题标题】：Split a big ul list拆分一个大的 ul 列表
【发布时间】：2012-11-22 10:50:25
【问题描述】：

我有一个很大的 ul 列表。有很多李项目。我想将这个大列表分成 10 个部分。我制作了一个脚本，但该脚本不起作用。我哪里错了：

var maxItems = 10;
    var ul = $('.list-thumbnails');
    var current;
    ul.find('li').each(function(i, el) {
      if (i < maxItems) {
        // leave first 10 in the original list
        return;
      }
      if (i % maxItems == 0) {
        current =
            $(el)
                .closest('ul')
                .clone()
                .after($(el).closest('ul'));
      }
    .append(current);
});

【问题讨论】：

你为什么尝试在结果列表上工作而不是尝试更改列表的创建？
这是 JSFiddle。 jsfiddle.net/4tpnS/2我想拆分这个大的 ul 列表。在 10 的部分
您在这里遇到的问题是什么？您将文本拆分为 10 个字符 w.r.t. jsfiddle

标签： javascript jquery list split html-lists

【解决方案1】：

我已将代码块修改如下。请检查一下

由于你循环 $.each 虽然你使用 append 方法它不会反映在 ul 中，所以我们需要删除元素。

var maxItems = 10;
            var ul = $('.list-thumbnails');
            var currentul;
            var elements = ul.find('li');
            elements.each(function (i, el) {
                if (i < maxItems) {
                    // leave first 10 in the original list
                    return;
                }
                if (i % maxItems == 0) {
                    currentul = $("<ul></ul>").addClass("new");
                    $(el).closest('ul').parent().append((currentul.append(el)));
                }
                else {
                    currentul.append(el)
                }

            });
            $('.list-thumbnails').find("li:gt(9)").remove();

请检查下面的 jsfiddle http://jsfiddle.net/aQ5K8/13/

谢谢斯里达尔

【讨论】：

谢谢你们的帮助！祝你有美好的一天！