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

问题描述

| 我的HTML为

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

在每个“ 1”格上单击，将单击的格设置为“ 2”。当没有显示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();
}

    ,        您还可以执行以下操作

if(!$(\'.item\').is(\':visible\'))
    $(\'#main\').hide();    

这是一个工作示例：http://jsfiddle.net/mwGeT/