1

I have a div and inside that div are a lot of images. Some are hidden and some are not. Is there a simple way to find out if all images are hidden? The code below will fire if some of the images are hidden. I want it to fire only if all images are hidden. Thanks.

if ($('#images' img").is(":hidden"))
4

2 回答 2

3

你可以这样检查：

var images = $('#images img');
if(images.filter(':hidden').length == images.length)
{
   //all are hidden
}

顺便说一句，$('#images' img")由于引号不匹配，会出现语法错误。

如果至少有一个图像被隐藏，检查$('#images img').is(":hidden")也会为您提供 true 状态。

小提琴

见：隐藏

请记住，这不适用于visibility:hidden

于 2013-06-12T04:19:33.100 回答
0

您的解决方案非常接近，但您需要反其道而行之。考虑检查是否有任何图像可见——如果是，则不能隐藏所有图像。

这应该很好用：

    if (!$('#images img').is(":visible")) {
        alert("Do Something");
    }
于 2013-06-12T04:32:35.353 回答