jQuery：將最後一個項目從UL移到新的UL

Question

我試圖在jQuery中創建以下內容：

我有一個項目列表（例如10）。如果項目的數量大於6，則將其餘項目（從6到10）複製到新的UL中以創建下拉菜單結構。

菜單的第一個版本是http://jsfiddle.net/ryb7T/，我有10個項目。

jQuery的結果應該是這樣的：http://jsfiddle.net/hRaWt/其中我有1-6項顯示，其餘項目，子菜單，成爲一個新的UL。

Answer 1

看到這個jQuery代碼：

 
if ($("#main-ul li").length > 6) { 
    // Too many li 
    $("#main-ul") 
     .append(
      $('<li>') 
      .append('more') 
      .append($('<ul>').append($("#main-ul li").slice(5).detach())) 
      ); 
} 

而且住here。

Answer 2

你需要檢查，如果你有更多的則6個元素，並將其移動到默認情況下

$(function() { 
    var $menuItems = $('#menu > li:visible'); 
    if ($menuItems.length > 6) 
    { 
     $('#menu > li:gt(5):not(#submenu)').appendTo('#submenu ul'); 
     $('#submenu').css('display', 'inline'); 
    } 
}); 
​ 

代碼隱藏子菜單：http://jsfiddle.net/hRaWt/1/