0

私は大きなULリストを持っています。Liアイテムがたくさん。この大きなリストを 10 分の 1 に分割したいと思います。スクリプトを作成しましたが、スクリプトが機能しません。私は何を間違っていますか：

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);
});
4

1 に答える 1

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/

ありがとうSridhar

于 2012-11-22T14:38:02.503 に答える