Javascript 一次显示多个隐藏内容div

我在一个页面上有20个div，其中4个最初显示，底部有更多链接。单击“更多”链接应使接下来的4个div可见，直到最终所有div都可见为止

唯一需要注意的是，div的数量从来都不是固定的，可以是5、20或102。数字不是静态的或已知的

我不能将AJAX用于解决方案，因此将所有内容放在页面上，并在可见列表中一次添加4个div是一种变通方法

---

有人知道这样做的插件或有解决方案吗？

您可以使用

：lt

和

：hidden

选择器并选择前四个隐藏的div元素：

$('#your-button').click(function(){
   $('.divs:hidden:lt(4)').show()
})

您还可以使用

slice

方法：

$('div:hidden').slice(0, 4).show()

---

显示隐藏的div的好方法，但是如果他必须显示更多或更少的div呢4@defau1t那么，只有一个数字应该被更改？我知道这一点，但我通常不喜欢每次您必须进行更改时更改代码。我不认为这是可重复使用的code@defau1t我通常不喜欢每次你需要修改代码的时候都要修改代码，你能详细说明一下吗？