如何检查图像是否可见？

下面的代码可以检查图像是否可见。

$('#div1 img:visible') 

选择所有图像后代，并：

 $('#div1 > img:visible') 

我只需要知道当我迭代容器中的每个图像，如dgImages $("#dgImages] img").each(function () {}我如何确定图像是否可见？我可以写一些东西吗？喜欢if($(this:visible)){//Do something} ？谢谢。

Answer 1

 $("#dgImages").find('img').each(function(){ if($(this).is(':visible')){ alert("This image is visible"); } }); 

Answer 2

您可以使用is()来检查任何选择器的对象：

 if($(this).is(':visible')) { ... } 

Answer 3

你可以使用.is() ：

 if ($(this).is(':visible')) { ... 

Answer 4

此页面演示了使用display的另一种方法： http ： //acarna.com/vis-test.php

我没有看每一张图片，而是使用了一个类来识别需要切换的特定图像组。 单击“切换”按钮测试.css（“显示”）以获取当前显示状态并相应地将其切换为内联或无。

查看上页中的源代码以获取更多详细信息。

如果安装了Firebug，您可以查看标记会发生什么，因为显示属性在内联和无内切之间切换。