Question

因为代码$ ('. p> li: gt (2)')仅显示前2个，所以我想更改功能以单击后4 li（4,5和6）来显示，然后单击另一单击以显示下4个（ 7,8,9和10）。

目前，我已经创建了一个显示所有内容的函数。 https://jsfiddle.net/xpvt214o/462125/

这是html：

<div class="show-4">
<ul class="p">
        <li class="f">1</li>
        <li class="f">2</li>
        <li class="f">3</li>
        <li class="f">4</li>
        <li class="f">5</li>
        <li class="f">6</li>
        <li class="f">7</li>
        <li class="f">8</li>
        <li class="f">9</li>
        <li class="f">10</li>
        <button id="sum" class="btn-default btn" style="">show</button>
        </ul>
    </div>

和jquery代码：

 $('.p >li:gt(2)').hide();
        $("#sum").click(function () {
            $('.f').siblings('li').show();
            $("#sum").hide();
        });

Answer 1

尝试以下操作：

$('.f').siblings('li:hidden').slice(0,4).show();

这将选择所有隐藏的兄弟姐妹，选择前四个并设置其可见性。

单击以显示下一个4 li的功能，依此类推，直到li结束

1 个答案: