如何使用jQuery从另一个元素中选择元素？

Question

示例Div：

<div class="container">
    <div class="select1"></div>
    <div class="select2"></div>
    <div class="select3"></div>
</div>

现在我希望能够使用jQuery选择“div.container div.select2”。我这样做的典型方式是：

$('.container')[0].getElementsByClassName('select2')[0]

但我想将JS查询更改为jQuery查询。这样的事情，但实际上有效：

$('.container')[0].$('.select2')[0]

Answer 1

试试这个：

$('div.container div.select2')

或：

$('div.container div.select2')[0] // this selects the raw dom element

Answer 2

有两种方法：

$($('.container')[0], '.select2')[0]

或

$('.container', '.select2')[0]

Answer 3

假设您已经缓存了var myObj = $('div.container')

myObj.find('.select2')[0]

有一点需要注意，除非你试图对实际的DOM元素做些什么，否则你不需要[0]。如果您尝试在选择中执行jQuery函数，请省略[0]。

Answer 4

使用$('div.container div.select2')。

顺便说一句，您可以使用$('div.select2')直接查询selcet2。