画像の確認方法は？

Question

次のコードは、画像が表示されているかどうかを確認できます。私はちょうど私がdgImages $("#dgImages] img").each(function() {}状の容器内のすべての画像を反復処理するとき、私は画像が表示されているかどうか判断することができるかということを知る必要があり

$('#div1 > img:visible') 

：すべての画像の子孫とを選択

$('#div1 img:visible') 

？ 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

すべての画像を見るのではなく、クラスを使用して、切り替えが必要な画像の特定のグループを特定しました。 'Toggle'ボタンをクリックすると.css（ "display"）がテストされ、現在の表示状態が取得され、それに応じてインラインまたは非表示に切り替わります。

詳細については、上記のページのソースを参照してください。

Firebugがインストールされている場合は、表示プロパティがインラインとnoneの間で切り替わるため、マークアップに何が起こるかを見ることができます。