jQuery split long ul list to multiple UL
1. HTML code
<ul id="bigList"> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> <li>Elem</li> </ul>2. jQuery Code
var $bigList = $('#bigList'), group;
while((group = $bigList.find('li:lt(20)').remove()).length){
$('- ').append(group).appendTo('body');
}
Comments
Post a Comment