jquery - jQueryで別の要素から要素を選択するには?

Question

部門の例:

<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]

score 1 · Accepted Answer

これを試して：

$('div.container div.select2')

また：

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

score 0 · Accepted Answer

を使用し$('div.container div.select2')ます。

ところで、$('div.select2')selcet2 を直接クエリするために使用できます。

score 0 · Accepted Answer

次の 2 つの方法があります。

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

また

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

score 0 · Accepted Answer

すでにキャッシュされていると仮定しますvar myObj = $('div.container')

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

注意すべきことの 1 つは[0]、実際の DOM 要素に何かをしようとしている場合を除き、必要ありません。選択範囲に対して jQuery 関数を実行しようとしている場合は、[0].

4 に答える 4