Jak wybrać w kontenerze z jQuery?

Question

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

Powiedz, jeśli mam obiekt jQuery $ ("container1"), jak znaleźć w nim <span>?

Answer 1

Wystarczy wybrać descendant rozpiętość:

$('#container1 span'); 

pamiętać, że będzie wybrać dowolny przedział wewnątrz # container1, nawet jeśli nie jest bezpośrednim potomkiem.

Jeśli chcesz wybrać tylko bezpośrednich potomków, użyj wybieraka parent > child:

$('#container1 > span'); 

Jeśli masz tylko odniesienie do obiektu możesz:

$container1.find('span'); 

Albo

$container1.children('span'); 

Answer 2

Użyj find(expr). Przykład:

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

Answer 3

Istnieje wiele sposobów, aby to zrobić. Według komentarza na CMS odpowiedzi:

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

i

$('#container1 span:first'); 

na wierzchu innych sugestii w CMS.

Answer 4

wiem, że zaakceptowali odpowiedź, Chciałbym tylko dodać inny sposób to zrobić:

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

nie testowałem wydajność na nich jeszcze, więc nie wiem, co jest lepszy. Pomyślałem, że dam ci znać, że masz więcej opcji (: