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