Wie geordneten Elemente unter id in jQuery

Question

Beispielcode wählen:

<div id='container'> 
    <h1>heading 1</h1> 
    <h2>heading 2</h2> 
    <p>paragraph</p> 
</div> 

Ich würde ein jQuery Äquivalent dieser CSS-Selektor mag das h1 Element unter dem div wählen:

#container h1 {} 

Answer 1

Sie können einfach den exakt gleichen Selektor:

$('#container h1') 

die jedes Element h1 wählt innerhalb des #container Element gefunden wird, oder:

$('#container > h1') 

die nur diejenigen h1 Elemente auswählt, die das #container Element als Mutter haben (nicht Großeltern, oder eine andere Form der Vorfahr).

Oder, wenn Sie bevorzugen:

$('#container').find('h1') 

Sie auch zu einem bestimmten h1 Element einschränken könnte:

$('#container h1:first') 

, die nur die ersteh1 Element innerhalb des #container Element auswählt.

Referenzen:

• find().
• :first selector.
• jQuery selectors.