큰 ul 목록 나누기

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/

감사 스리