CSSに基づいて子要素を選択

Question

私がしたいのはdisplay: noneに設定されていないslide_itemsの中のdivを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

を参照してください。

Answer 2

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

私はこの$("#slide_items div:visible")仕事を信じるあなたが:visible pseudo-selector

$('#slide_items > div:visible') 

Answer 3

を使用する必要がありますhttp://api.jquery.com/visible-selector/

Answer 4

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