Javascript 显示5 li'；通过单击a元素的

我有一个很大的

ul

列表，上面有

li

项。我想使用JavaScript，但我不知道如何使用。我怎样才能做到这一点：

前5个

li

可见。其余的都隐藏起来了。当您单击“更多”按钮时。每次你点击。它提供5到李的展示。我用JSFIDLE制作html

谢谢你帮了大家

$('.more').click(function() {
    $('li a:not(:visible)').slice(0,5).show().css('color','red');
    return false;
});​

将匹配集仅减少为前五个元素

如何

$('li:gt(3)').hide();​​​​​​​​​​​​​​
$('.more').on('click', function(){
    $('li:visible:last').nextAll(':lt(4)').show();
});

​

---

你可以这样做

$('li').each(function(rowIndex){
   if(rowIndex<=5)
        $(this).show();
    }
else
{
$(this).hide();
}
});

$（'li'）。每个（函数（行索引）{
如果（RowIndexy）你应该复制粘贴问题中的代码，并不是每个人都会点击链接来摆弄代码。我认为OP的“每次点击。它为li的显示提供5到5”意味着每次显示新的5个，因此在点击按钮3次后显示20个li’s，实现这个$（'li:visible:last'）。下一步（'：lt（4））。显示();