如何检测另一个div内的所有div何时不可见

Question

我把我的HTML作为

<div id="main">
    <div class="item">String</div>
    <div class="item">String</div>
    <div class="item">String</div>
</div>

单击每个.itemdiv设置单击的div display: none.当没有显示div时,我希望#maindiv也被设置为display :none.

那么,如何检测出所有的DIV .items里面#main的div是"显示:使用jQuery none`模式？

$(document).ready(function() {
    $('.item').click(function(){
        $(this).hide();
    });
});

Answer 1

使用:visible选择器:

if (! $('#main > div:visible').length) {
    $('#main').hide();
}