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

<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();
    });
});