Wie wird in einem Container mit jQuery ausgewählt?

Question

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

Sagen Sie, wenn ich das jQuery-Objekt $ ('container1') habe, wie finde ich die <span> darin?

Answer 1

Wählen Sie einfach die descendant Spannweite:

$('#container1 span'); 

Beachten Sie, dass diese innerhalb # container1 jede Spanne wählen, auch wenn kein direkter Nachkomme ist.

Wenn Sie nur direkte Nachkommen wählen, verwenden Sie die parent > child Selektor:

$('#container1 > span'); 

Wenn Sie nur einen Objektverweis haben Sie könnte:

$container1.find('span'); 

Oder

$container1.children('span'); 

Answer 2

Verwenden Sie find(expr). Beispiel:

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

Answer 3

Es gibt viele Möglichkeiten, das zu tun. Nach Ihrem Kommentar bei CMS Antwort:

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

und

$('#container1 span:first'); 

auf anderen Vorschläge des CMS.

Answer 4

Ich weiß, dass Sie eine Antwort akzeptiert haben, würde Ich mag nur eine andere Art und Weise, dies zu tun hinzu:

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

Ich habe nicht die Leistung auf diese noch nicht getestet, so dass ich weiß nicht, was besser. Ich dachte nur, ich würde Sie wissen lassen, dass Sie mehr Optionen haben: