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