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 .