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