jQuery - 可視性に基づいてdivを選択する最善の方法

Question

隠しdivのグループに隠されていないdivを選択する最も良い方法は何ですか？例えば

：ブロック：

<div id="1" class"group" style="display:none">1</div> 
<div id="2" class"group" style="display:none">2</div> 
<div id="3" class"group" style="display:block">3</div> 
<div id="4" class"group" style="display:none">4</div> 

がどのように表示されるdiv要素を選択するのでしょうか？

メモ。 divは相互に交換可能に隠されており、ボタンに基づいて非表示になっているため、これはIDで行うことはできません。

おかげ

Answer 1

$('div.group').css('display') == 'block' 

または

$('div.group').is(':visible') 

Answer 2

:visibleセレクタを参照してください。これは$("div.group:visible")を実行する必要があります。

$('div:visible').method(); 

は参照してください：：

また、class="group"はないclass"group"

Live demo

Answer 3

あなたはまた、:visible疑似クラスを使用することができることを確認してくださいhttp://api.jquery.com/visible-selector/

Answer 4

だけvisibleセレクタを使用

$('div.group:visible')