Reputation: 8407
So what I would like to do is select a div
inside slide_items
that is not set to display: none
, using jQuery. How could I do that?
<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>
Upvotes: 0
Views: 282
Reputation: 50165
You should be using the :visible
pseudo-selector
$('#slide_items > div:visible')
Upvotes: 5
Reputation: 165069
$('#slide_items').find('div:visible')...
See http://api.jquery.com/visible-selector/
Upvotes: 1