jQuery如果隐藏某个类的任何一个执行任务，否则，执行另一个任务

Question

有没有一种方法来测试某个元素（.container）是否隐藏在整个文档中？如（不正常）：

$(".showall").click(
    function() { 
     if ($(".container").is("hidden")) 
       {perform a task} 
      else 
       {return false;} 
    }); 

Answer 1

这听起来像你想测试是否.container元素至少一个是隐藏的。

如果是这样，您可以使用:hidden选择器，并检查length属性以查看返回的数量。

$(".showall").click(
    function() { 
     if ($(".container:hidden").length) 
      // found at least one hidden 
     else 
      // didn't find any hidden 
    }); 

如果你想测试，看看是否所有被隐藏，使用:visible选择这样的：

$(".showall").click(
    function() { 
     if ($(".container:visible").length) 
      // found at least one visible 
     else 
      // didn't find any visible 
    }); 

Answer 2

你打算用可见：

$(".showall").click(
    function() { 
     if ($('.container').is(":visible") == false) 
       {perform a task} 
      else 
       {return false;} 
    });