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/