Question

我有一个很大的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);
});

Answer 1

我修改了代码块，如下所示。请检查

由于您使用append方法循环$ .each，因此它不会反映在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/

由于斯里达尔

拆分一个大的ul列表

1 个答案: