jQuery：将最后一项从UL移动到新UL

我试图在jQuery中创建以下内容：

我有一个项目清单（例如10个）。如果项目数大于6，则将剩余项目（从6到10）复制到新的UL中，以创建下拉菜单结构

第一个版本的菜单将是我的10个项目

jQuery的结果应该是这样的：其中我显示了1-6个项目，其余的项目（子菜单）进入了一个新的UL。

请参见以下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())) ); } 如果（$（“#主ul li”）。长度>6）{ //太多了 $（“#主要ul”） .附加( $（“

”） .append（'more'） .append（$（“

”）.append（$（“#main ul li”）.slice（5.detach（））） ); }

---

和live。
您需要检查是否有超过6个元素，并将其移动到默认情况下隐藏的子菜单

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

代码：