jQuery div innerhalb einer Sequenz überspringen - jquery, html, show-hide, visible, überspringen

Ich habe folgendes:

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");
}

Ich habe eine Reihe von "Divs"

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

Der Code funktioniert gut, alle DIVS werden ausgeblendet, beim Laden der Seite wird das erste div angezeigt, und wenn ein Benutzer auf eine Schaltfläche klickt, wird jQuery ausgelöst, um das nächste div usw. anzuzeigen.

Worum ich mich jedoch bemühe, ist wie skip ein div:

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

Manchmal brauche ich es, um div zu sein nach das nächste div wenn das Sinn macht. Ist das möglich und gibt es Vorschläge, wo man anfangen soll?

Antworten:

Mach einfach

$next = $next.next();

.