Используя jQuery, как найти только видимые элементы и оставить скрытые элементы в покое?

Итак, я начну с пунктов 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>

Тогда у меня есть несколько входных флажков:

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

Так что в основном у меня есть jQuery, показывающий и скрывающий div. Теперь у меня есть другая функция, которая должна перебирать эти элементы (по одному для каждого флажка) и показывать / скрывать на основе других критериев. Но я не хочу, чтобы уже скрытые div показывались снова.

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

В этом примере единственным оставшимся div должен быть последний div. К сожалению, этот код сделает второй и четвертый показанные деления.

Этот код является базовым примером всех фильтров, которые я собираюсь применить, добавить и т. Д.

Ответы на вопрос(4)

Ваш ответ на вопрос