我把我的
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检测#main div中的所有div .items是否处于’display：none`模式？
$(document).ready(function() {
$('.item').click(function(){
$(this).hide();
});
});
解决方法
使用：visible选择器：
if (! $('#main > div:visible').length) {
$('#main').hide();
}
