jQuery的UL许多李项分隔到UL与李项

Question

怎么了偷看的休息..

可以说，我有30项立

<ul class="column"> 
    <li>portfolio items 1</li> 
    <li>portfolio items 2</li> 
    ... 
    <li>portfolio items 29</li> 
    <li>portfolio items 30</li> 
</ul> 

我需要的jQuery采取了UL李项目从10到一个新的ul列，如果可能从20到第三列

所以如果我的ul列表有30个li项目，它将只有10个，并且与其余的li项目创建一个新的ul coumn。什么，我试图做

例子是我的投资组合 http://www.missionandromeda.com

我正在basicly迁移至WordPress和我必须有1个UL内的所有条目中。会很容易，如果我只有1列，但我的设计需要4 =/

谢谢！ （;

Answer 1

试试这个它假定新的上行线路需要动态地创建

UPDATE：创建assignes类版本，并在所有不分配ID

$('document').ready(function() { 
    var i = 0; 
    var $newUL; 
    var $theColumn = $('.column'); 
    var length = $theColumn.children('li').length; 
    while(length > 10) { 
    $newUL = $('<ul class="' + $theColumn.attr('class') + '"></ul>'); 
    while(i < 10) { 
     $theColumn.children('li').eq(10).appendTo($newUL) 
     i++; 
     length--; 
    } 
    $('body').append($newUL); 
    i = 0; 
    } 
}); 

。

这里的另一种方式做到这一点（这一次的类名是硬编码的，但它并不需要是）：

$(document).ready(function() { 
    var $newUL; 
    while($('.column:last').children('li').length > 10) { 
     $newUL = $('<ul class="column"></ul>'); 
     $('.column:last').children('li').slice(10).appendTo($newUL); 
     $newUL.appendTo('body'); 
    } 
});