jQuery split long ul list in smaller lists

by

I would create document fragments with your removed lis and then reappend them to the location you want them. In this case, I reappended them to the body:

$(function(){
  var $bigList = $('#bigList'), group;
  while((group = $bigList.find('li:lt(20)').remove()).length){
    $('<ul/>').append(group).appendTo('body');
  }
});

Live Demo is at: http://jsbin.com/ejigu/33

More Related Contents:

  1. jquery – get number of li inside a ul element [duplicate]
  2. Number nested ordered lists in HTML
  3. How to change the element of another div by clicking and hovering on an element of a different div
  4. Hide/Show div on specific page with jquery
  5. HTML nchor Tag doesn’t show link
  6. Use jQuery to hide a DIV when the user clicks outside of it
  7. How to detect if two divs touch with jquery?
  8. Scroll to bottom of Div on page load (jQuery)
  9. jQuery find closest previous sibling with class
  10. How to detect input type=file “change” for the same file?
  11. How to add additional fields to form before submit?
  12. How to get only direct text without tags with jQuery in HTML
  13. jQuery select change show/hide div event
  14. How to use jQuery to add form elements dynamically
  15. Get the value of -webkit-transform of an element with jquery
  16. jQuery get selected option value (not the text, but the attribute ‘value’)
  17. jQuery checkbox event handling
  18. Draggable div without jQuery UI
  19. How to force an HTML form to validate without submitting it via jQuery
  20. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  21. Jquery Multiple load in a DIV
  22. submit disabled fields
  23. What’s faster for including scripts, using CDN (Google) or storing them locally in website’s root?
  24. JQuery search in static HTML page with highlighting of found word
  25. Disable select options based on value *through the HTML only!*
  26. Selectable optgroup using select2
  27. Html5 drag and drop on svg element
  28. Possible to have a floating horizontal scrollbar?
  29. change the href of a css link via jquery
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment