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