2010-11-23 46 views
0

Also, was ich tun möchte, ist eine div innerhalb , die nicht auf display: none gesetzt ist, mit jQuery. Wie könnte ich das tun? Wählen Sie Kind Element basierend auf CSS

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

ich eine fünfte Antwort hinzufügen würde, aber es schien, wie viel des Guten ... – cambraca

+0

Sind Sie nach einer 'div', dass ein direkter Nachkomme von' # slide_items' oder einem Abkömmling 'div' ist? Wenn erstere die Antwort von Yi Jiang benutzt, wird die 'find()' Methode schneller sein. – Phil

Antwort

5

sehen Sie die :visible pseudo-selector

$('#slide_items > div:visible') 
+0

Beachten Sie, dass dies natürlich nur für die 'display: none' -Eigenschaft gilt - andere CSS-Eigenschaften erfordern wahrscheinlich, dass Sie entweder' filter' verwenden oder, wenn Sie es oft wiederverwenden, einen eigenen Selektor schreiben –

2

verwendet werden soll ich dieses $("#slide_items div:visible") Arbeit glauben.

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