Con jQuery, ¿cómo encuentra solo los elementos visibles y deja los elementos ocultos solo?
Así que empiezo con los artículos 1-4:
<div class="someDiv bold italic" style="display: none;">Lorem</div>
<div class="someDiv regular italic" style="display: block;">Lorem</div>
<div class="someDiv bold" style="display: none;">Ipsum</div>
<div class="someDiv regular" style="display: block;">Ipsum</div>
Entonces tengo algunas casillas de verificación de entrada:
<input class="regular" type="checkbox" />
<input class="bold" type="checkbox" />
<input class="italic" type="checkbox" />
Así que básicamente tengo jQuery mostrando y escondiendo divs. Ahora tengo otra función que debe recorrer estos divs (uno para cada casilla de verificación), y mostrar / ocultar según otro criterio. Pero no quiero que se muestren nuevamente los divs ya ocultos.
$(".someDiv").each(function(){
if($(this).hasClass("regular")){
$(this).show();
} else {
$(this).hide();
};
En este ejemplo, el único div restante debe ser el último div. Desafortunadamente, este código hará que se muestren los segundos y cuartos divs.
Este código es un ejemplo muy básico de todos los filtros que voy a aplicar, agregar, etc.