JQuery - лучший способ выбрать div на основе видимости

Question

Каков наилучший способ выбрать элемент, который не скрыт в группе скрытых элементов?

Например:

<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>

Как выбрать элемент для отображения: block?

примечание.Это не может быть сделано по идентификатору, так как div взаимозаменяемо скрыты и скрыты на основе кнопок.

Спасибо

Answer 1

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

или

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

Answer 2

См. :visible селектор. Это должно сделать $("div.group:visible").

Также, пожалуйста, убедитесь, что class="group" не class"group"

Живая демоверсия

Answer 3

Просто используйте видимый селектор

$('div.group:visible')

Answer 4

Вы также можете использовать псевдокласс :visible:

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

См .: http://api.jquery.com/visible-selector/