jquery - 相対的なjQueryセレクターのようなものはありますか？

Question

this変数を持つjqueryオブジェクトへの参照があります。子セレクターをオブジェクトに適用する方法を探しています。

私はを使用して$(this).find('table > tbody > tr > td')いますが、私が目指しているのはのようなもの$('[Value of $(this) goes here somehow] > table > tbody > tr > td')です。

できることはわかっていますが$(this).children('table').children('tbody').children('tr').children('td')、ここで使用できる糖衣構文があるかどうか疑問に思いました。

score 28 · Accepted Answer

次のように、使用するときに子セレクター（>）から始めることもできます。.find()

$(this).find('> table > tbody > tr > td')

これは見過ごされがちなユースケースですが、求めているものにぴったりです。

score 8 · Accepted Answer

Nickが言ったように、find（）を使用するか、セレクターコンテキストを使用できます。

$('> table > tbody > tr > td', this)

// Is the equivalent of
$(this).find('> table > tbody > tr > td')

score 7 · Accepted Answer

$('selector', context)別の方法は、検索のコンテキストを定義する2番目のパラメーターを渡すことです。

デフォルトでは、セレクターはドキュメントルートから始まるDOM内で検索を実行します。ただし、$（）関数のオプションの2番目のパラメーターを使用して、検索に代替コンテキストを指定できます。

$( "div.foo" ).click(function() {
    $( "span", this ).addClass( "bar" );
});

3 に答える 3