Jquery中所有的图像都是隐藏的

jquery are all images hidden

本文关键字：隐藏 图像 Jquery      更新时间：2023-09-26

我有一个div，里面有很多图片。有些是隐藏的，有些不是。有没有一种简单的方法来发现是否所有的图像都隐藏了?如果某些图像被隐藏，下面的代码将被触发。我希望它只在所有图像都隐藏的情况下触发。谢谢。

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

你可以这样检查:

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

顺便说一下，由于不匹配的引号，$('#images' img")中存在语法错误。

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

小提琴

看:隐藏

请记住，这将不工作与visibility:hidden

您的解决方案非常接近，但您需要考虑相反的问题。考虑检查是否有图像可见——如果是，那么所有图像都不能被隐藏。

这应该可以正常工作:

    if (!$('#images img').is(":visible")) {
        alert("Do Something");
    }
  • JS小提琴
相关文章：