如何解决如何检测何时另一个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/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。