Доброго времени, уважаемые форумчане!
Подскажите не много, совсем запутался с этими "родителями", "предками"
Есть необходимость сделать чтобы при выборе каких либо чекбоксов (одного или всех) в определенном блоке, добавлялся класс к их родителю. А если чекбоксы ни один не выбран или все сняты, то класс убирается.
Есть такой html
<div class="filter-wrapp"> сюда добавляем класс One
<div class="filter-content">
<ul>
<li><input type="checkbox" checked="checked"></li>
<li><input type="checkbox"></li>
</ul>
</div>
</div>
Пытаюсь по клику на чекбокс добавить класс к примеру "One" к "filter-wrapp", но ни чего не выходит и не происходит.
JS
if (jQuery(.filter-wrapp .filter-content li input').is(':checked')) {
jQuery(this).parents('.filter-wrapp').prev().addClass('One');
} else {
jQuery(this).parents('.filter-wrapp').prev().removeClass('One');
}
Уже 3-ий день не могу решить данную задачку, возможно что я не правильно изначально делаю или вовсе "закавырка" просто в добавлении строки кода.