Выберите дочерний элемент на основе CSS

Question

Итак, я хотел бы выбрать div внутри slide_items, для которого не установлено значение display: none, с помощью jQuery.Как я мог это сделать?

<div id="slide_items">
  <div id="slide_item_1">
    <h2>Item 1</h2>
    <p>Text</p>
  </div>

  <div id="slide_item_2" style="display: none;">
    <h2>Item 2</h2>
    <p>Text</p>
  </div>

  <div id="slide_item_3" style="display: none;">
    <h2>Item 3</h2>
    <p>Text</p>
  </div>

  <div id="slide_item_4" style="display: none;">
    <h2>Item 4</h2>
    <p>Text</p>
  </div>
</div>

Answer 1

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

$('#slide_items > div:visible')

Answer 2

Я верю, что $("#slide_items div:visible") работа.

Answer 3

$('#slide_items').find('div:visible')...

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

Answer 4

$('#slide_items').find('div:visible');