jQuery跳过序列中的div

Question

我有以下内容：

CSS

.sequence-container div {display:none;}    

的jQuery

$('.sequence-container div:first').show();

$('.next').click(function() {
  var $next = $('.sequence-container div:visible').next();
  var $page = $('.sequence-container div:visible').attr("id");
}

我有一系列`divs'

<div class='sequence-container'></div>
<div class='sequence-container'></div>
<div class='sequence-container'></div>

代码运行良好，隐藏所有DIVS，在页面加载时显示第一个div，然后当用户单击按钮时，将触发jQuery以显示下一个div，依此类推。

然而，我正在努力的是如何skip div：

$next = $('.sequence-container div:visible').next();

如果有意义的话，我有时需要它作为之后的下一个div。这是可能的吗？有关从哪里开始的任何建议？

Answer 1

只做

$next = $next.next();