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.