Question

有一些div将在一个包装器中，如下所示：

<div class="wrapper">
    <div class="container"></div>
    <div class="container"></div>
    <div class="container"></div>
    <div class="container"></div>
</div>

可以有任意数量的div container。如果此div的所有不可见，我怎么能触发事件？我在考虑这样的事情，但代码似乎不起作用：

if (!$('.container:visible')) {alert("no container found")}

或

if ($('.container:visible') == 0) {alert("no container found")}

JSFiddle http://jsfiddle.net/k4eKf/

实现这一目标的可能方法是什么？

Answer 1

应该是：

$('.container').is(":visible");

如果返回true，则表示某些具有类.container的div可见。你需要这样的条件：

if(!$('.container').is(":visible")){
  //all container are hidden
}

<强> Demo

Answer 2

您必须使用is()函数来检查属性的存在。

使用：

var visible=$('.container').is(":visible");

if(visible==true)
{
//Do something here
}

阅读有关is()函数here

的文档

检查div可见性

2 个答案: