Итак, я начинаю с пунктов 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 (по одному для каждого флажка) и показывать/скрывать на основе других критериев. Но я не хочу, чтобы уже скрытые divs отображались снова.
$(".someDiv").each(function(){
if($(this).hasClass("regular")){
$(this).show();
} else {
$(this).hide();
};
В этом примере единственным оставшимся div должен быть последний div. К сожалению, этот код сделает отображение второго и четвертого div.
Этот код является очень простым примером всех фильтров, которые я буду применять, добавления и т.д.