jquery - 根据条件将 li 移动到 ul。

Question

如果我再次打开它，我感到非常抱歉，但我按照你告诉我的方式测试了一些代码:这是我最后所做的:

<script>
if( $('#nav ul li').length > 5 )
{
$('#nav li:gt(4)').appendTo('ul.more');
}
</script>

但是没用。这就是我想要的

<ul class='mymenu'>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>More Button</li>
                <ul>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                </ul>
</ul>

Answer 1

这应该可以完成工作(已编辑)

<script>
    if( $('#nav ul li').length > 5 )
    {
        $('#nav ul li:eq(3)').after('<li>More Button</li><li><ul class="more">');
        $('#nav ul').append('</ul></li>');
    }
</script>

根据 BlackSheeps 提示编辑:

<script>
    if( $('#nav ul li').length > 5 )
    {
        $('#nav ul li:gt(3)').wrap('<li><ul class="more"></ul></li>');
        $('#nav ul li:eq(3)').after('<li>More Button</li>');
    }
</script>