如何在容器中选择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

只需选择descendant范围：

即可

$('#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');