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