javascript - remove - JQuery: si div es visible

remove class jquery

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo verifico si un elemento está oculto en jQuery? 55 respuestas

Estoy usando JS como una forma de cambiar el contenido de un SPA que estoy creando. Cuando presiono un botón para cambiar el contenido, el HTML cambia a partir de esto:

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

a esto:

<div id="selectDiv" style>

Ahora, parte de mi SPA tiene un div que contiene varias casillas de verificación, cada una de las cuales representa un div, por lo que cuando presiono el botón Enviar, el siguiente div que se debe mostrar será el primer elemento de la lista de casillas de verificación que se seleccionó.

Me pregunto si hay una forma en JQuery para que el código "casi detecte" qué div está ahora visible. algo como esto:

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

¿Alguna sugerencia?

Answer 1

Puede usar .is('':visible'')

Selecciona todos los elementos que son visibles.

Por ejemplo:

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

Además, puede obtener el div que es visible por:

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

Ejemplo en vivo:

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>