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是顯示：塊？

注意。這不能由ID完成，因爲div可互換地隱藏，並且基於按鈕不隱藏。

由於

Answer 1

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

或

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

Answer 2

參見:visible選擇器。這應該做$("div.group:visible")。

另外，請檢查class="group"不class"group"

Live demo

Answer 3

你也可以使用:visible僞類：

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

參見：http://api.jquery.com/visible-selector/

Answer 4

只需使用visible選擇

$('div.group:visible')