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>

在条件下将li移至ul。

1 个答案: