Как выбрать внутри контейнера с помощью jQuery?

Question

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

Скажите, если у меня есть объект jQuery $ ('container1'), как найти в нем <span>?

Answer 1

Я знаю, что вы приняли ответ, я просто хотел бы добавить еще один способ сделать это:

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

Я еще не тестировал производительность на них, поэтому я не знаю, какойлучше.Просто подумал, что дам вам знать, что у вас есть больше вариантов (:

Answer 2

Просто выберите потомок span:

$('#container1 span');

Обратите внимание, что при этом будет выбран любой диапазон внутри # container1, даже если он не является прямым потомком.

Если вы хотите выбрать только прямых потомков, используйте селектор parent> child :

$('#container1 > span');

Если у вас есть только ссылка на объект, вы можете:

$container1.find('span');

Или

$container1.children('span');

Answer 3

Есть много способов сделать это. Согласно вашему комментарию на CMS ответ:

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

и

$('#container1 span:first');

поверх других предложений CMS.

Answer 4

Используйте find (expr) . Пример:

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