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"

现场演示

Answer 3

只需使用 visible 选择器

$('div.group:visible')

Answer 4

您还可以使用 :visible 伪类：

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

请参阅：http://api .jquery.com/visible-selector/