Usando jQuery, como você encontra apenas elementos visíveis e deixa elementos ocultos sozinhos?

Então eu começo com os itens 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>

Então eu tenho algumas caixas de entrada:

<input class="regular" type="checkbox" />
<input class="bold" type="checkbox" />
<input class="italic" type="checkbox" />

Então, basicamente, eu tenho jQuery mostrando e escondendo divs. Agora eu tenho outra função que deve iterar através destas divs (uma para cada caixa de seleção) e mostrar / ocultar com base em outro critério. Mas eu não quero que os divs já escondidos sejam mostrados novamente.

$(".someDiv").each(function(){
  if($(this).hasClass("regular")){
    $(this).show();
  } else {
    $(this).hide();
  };

Neste exemplo, o único div restante deve ser o último div. Infelizmente, esse código fará o segundo e o quarto divs mostrados.

Este código é um exemplo muito básico de todos os filtros que vou aplicar, adicionando etc.

questionAnswers(4)

yourAnswerToTheQuestion