Cómo seleccionar elementos secundarios bajo id en jQuery

Question

código

muestra:

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

Me gustaría tener un equivalente jQuery de este selector CSS para seleccionar el elemento h1 bajo la div:

#container h1 {} 

Answer 1

Puede simplemente implemente el mismo selector exacto :

$('#container h1') 

que selecciona cada h1 elemento que se encuentra dentro del elemento #container, o:

$('#container > h1') 

que selecciona sólo aquellos elementos que tienen h1 el elemento #container como su padre (no abuelo, u otra forma de ancestro).

O, si lo prefiere:

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

También podría limitar a un elemento particular h1:

$('#container h1:first') 

que selecciona sólo el elemento primerah1 dentro del elemento #container.

Referencias:

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