如何检查图像是否可见？

Question

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

$('#div1 img:visible')

选择所有图像后代，并且：

$('#div1 > img:visible')

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

Answer 1

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

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

Answer 2

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

Answer 3

您可以使用.is()：

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

Answer 4

此页面演示了使用display的替代方法： http://acarna.com/vis-test.php

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

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

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