我的HTML是
<div id="main">
<div class="item">String</div>
<div class="item">String</div>
<div class="item">String</div>
</div>
点击每个.item
div,将div设置为display: none
。如果没有显示div,我希望#main
div也设置为display :none
。
那么如何使用jQuery检测.items
div中的所有div #main
是否处于'display:none`模式?
$(document).ready(function() {
$('.item').click(function(){
$(this).hide();
});
});
答案 0 :(得分:8)
使用:visible
选择器:
if (! $('#main > div:visible').length) {
$('#main').hide();
}
答案 1 :(得分:0)