¿Cómo seleccionar dentro de un contenedor con jQuery?

Question

<div id="container1"> 
<span>...</span> 
</div> 
<div id="container2"> 
<span>...</span> 
</div> 

Di si tengo el objeto jQuery $ ('contenedor1'), ¿cómo encontrar el <span> en él?

Answer 1

Basta con seleccionar el lapso de descendant:

$('#container1 span'); 

Tenga en cuenta que esta seleccionará cualquier tramo en el interior # container1, incluso si no es un descendiente directo.

Si desea seleccionar sólo los descendientes directos, utilice el parent > child selector:

$('#container1 > span'); 

Si sólo tiene una referencia de objeto que podía:

$container1.find('span'); 

O

$container1.children('span'); 

Answer 2

Use find(expr). Ejemplo:

$("p").find("span").css('color','red'); 

Answer 3

Hay muchas formas de hacerlo. De acuerdo con su comentario en respuesta CMS:

$('#container1').find('span:first'); 

y

$('#container1 span:first'); 

encima de otras sugerencias de CMS.

Answer 4

Sé que usted ha aceptado una respuesta, sólo me gustaría añadir otra forma de hacer esto:

$("span", $container1); //This will start in your variable $container1 
          and then look for all spans 

No he probado el rendimiento de éstos todavía, así que no saben que es mejor. Solo pensé en hacerte saber que tienes más opciones (: