具有以下结构的多个.accentor
元素
<div class="ancestor">
<div class="parent-1"></div>
<div class="parent-2">
<div class="checkbox-group">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
</div>
</div>
如果.checkbox-group
中至少有一个复选框被选中,那么使用JQuery我可以向.parent-1
添加类吗?如果所有复选框都被取消选中,我可以删除它吗?
我想出了这个
if ($('.checkbox-group input:checked').length > 0 ) {
$(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
}
但我想我做错了
if ($('.checkbox-group input:checked').length > 0 ) {
$(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
} else {
$(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
}
添加else块应该可以完成您的工作。