JQuery: Wenn div sichtbar ist

Question

Ich benutze JS als eine Möglichkeit, den Inhalt eines SPA, den ich erstelle, zu ändern. Wenn ich eine Taste drücken, um den Inhalt ändert sich die html ändern hieraus:

<div id="selectDiv" style="display: none;"> 

dazu:

<div id="selectDiv" style> 

Jetzt ein div Teil meiner SPA hat, die eine Reihe von Kontrollkästchen enthält, die jeweils eine repräsentiere div und so, wenn ich den Submit-Button drücke, wird das nächste div, das angezeigt werden soll, das erste Element in der Checkbox-Liste sein, das ausgewählt wurde.

Ich frage mich, ob es einen Weg in JQuery für den Code zu "fast erkennen", welche div ist jetzt sichtbar ist. etwas wie dieses:

if($('#selectDiv').isVisible()){ 
    //JS code associated with this div. 
} 

Irgendwelche Vorschläge?

Answer 1

können Sie .is(':visible') verwenden

alle Elemente Wählt die sichtbar sind.

Zum Beispiel:

if($('#selectDiv').is(':visible')){ 

Sie können aber auch die div erhalten, die durch sichtbar ist:

$('div:visible').callYourFunction(); 

anschauliches Beispiel:

console.log($('#selectDiv').is(':visible')); 
 
console.log($('#visibleDiv').is(':visible'));

#selectDiv { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="selectDiv"></div> 
 
<div id="visibleDiv"></div>