javascript - 如何在每次单击按钮时显示数组中的 3 个项目

标签 javascript jquery arrays coffeescript

我使用下面的代码默认仅显示数组中的前 3 项

//Hides all but first 3 items in the array
@$('.question_container')[3..-1].hide()

现在,我想在单击按钮时显示数组中的下 3 个项目,并在再次单击按钮(并重复)时显示随后的 3 个项目。

目前,我只能使用以下代码在单击时显示数组中的所有剩余项目

showMoreQuestions: (e) ->
    e.preventDefault()
    @$('.question_container')[3..-1].show()
    false

如何修改上面的代码,以便在单击按钮时仅显示 3 个项目?

最佳答案

我在这里猜测,但如果您只是选择了隐藏的那些,理论上您应该每次都能显示前 3 个并使其正常工作。

showMoreQuestions: (e) ->
    e.preventDefault()
    @$('.question_container:hidden')[0..2].show()
    false

关于javascript - 如何在每次单击按钮时显示数组中的 3 个项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8958438/

相关文章:

javascript - 调用函数并得到错误,它不是 JavaScript 中的函数

javascript - 输入时间加上 30 分钟

jQuery 投资组合切换搞乱位置

arrays - Haskell 数组索引超出范围

java - 编写一个字谜查找器(来自 txt 文件中的单词列表)

java - 为什么这没有给出错误?

javascript - 未捕获的类型错误 : Cannot set property 'infoWindow' of undefined

javascript - JQuery:从 .each() 选择器中排除元素?

javascript - 自动搜索的ajax无法正常工作

javascript - 如何 .append 带有值的复选框?