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.

Respuestas a la pregunta(4)

Su respuesta a la pregunta