如何檢查圖像是否可見？

Question

下面的代碼可以檢查圖像是否可見。

$('#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

此頁面演示了另一種方法使用顯示： http://acarna.com/vis-test.php

而不是看每一個圖像我已經用一個類來識別需要切換的特定圖像組。單擊「切換」按鈕測試.css（「顯示」）以獲取當前顯示狀態，並將其切換爲內聯或不相應。

在上面的頁面查看源代碼以獲取更多詳細信息。

如果您安裝了Firebug，您可以觀看標記會發生什麼情況，因爲顯示屬性在內聯和非內嵌之間切換。