現在のノードを含むjQuery find（..）メソッドを探しています

jQuery find（..）トラバーサルメソッドには現在のノードが含まれていません。現在のノードの子から始まります。マッチングアルゴリズムに現在のノードを含む検索操作を呼び出す最善の方法は何ですか？ドキュメントを調べても、すぐには何も飛び出しません。

jQuery 1.8以降では、を使用できます.addBack()。それはセレクターを取るので、結果をフィルターする必要はありません：

object.find('selector').addBack('selector')

jQuery 1.8より前は、 .andSelf()、（現在は非推奨で削除されている）で、フィルタリングが必要でした。

object.find('selector').andSelf().filter('selector')

これを直接行うことはできません。私が考えることができる最も近いのは、次のようにを使用.andSelf()して呼び出す.filter()ことです。

$(selector).find(oSelector).andSelf().filter(oSelector)
//or...
$(selector).find('*').andSelf().filter(oSelector);

残念ながら.andSelf()、セレクターはありません。これは便利です。

定義する

$.fn.findSelf = function(selector) {
    var result = this.find(selector);
    this.each(function() {
        if ($(this).is(selector)) {
            result.add($(this));
        }
    });
    return result;
};

次に使用します

$.findSelf(selector);

の代わりに

$find(selector);

残念ながら、jQueryにはこの機能が組み込まれていません。何年もの開発の間、本当に奇妙です。.find（）の動作方法が原因で、私のAJAXハンドラーが一部の上位要素に適用されませんでした。

$('selector').find('otherSelector').add($('selector').filter('otherSelector'))

$('selector')スピードアップのために変数に保存できます。必要な場合は、このためのカスタム関数を作成することもできます。

$.fn.andFind = function(expr) {
  return this.find(expr).add(this.filter(expr));
};

$('selector').andFind('otherSelector')

受け入れられた回答は非常に非効率的であり、すでに一致している要素のセットをフィルターに掛けます。

//find descendants that match the selector
var $selection = $context.find(selector);
//filter the parent/context based on the selector and add it
$selection = $selection.add($context.filter(selector);

チェーンが適切に機能するようにしたい場合は、以下のスニペットを使用してください。

$.fn.findBack = function(expr) {
    var r = this.find(expr);
    if (this.is(expr)) r = r.add(this);
    return this.pushStack(r);
};

end関数の呼び出し後、＃foo要素を返します。

$('#foo')
    .findBack('.red')
        .css('color', 'red')
    .end()
    .removeAttr('id');

追加のプラグインを定義しないと、これに悩まされます。

$('#foo')
    .find('.red')
        .addBack('.red')
            .css('color', 'red')
        .end()
    .end()
    .removeAttr('id');

場合は、あなたが探している正確に一つの要素、現在の要素またはその内部のいずれかを、あなたが使用することができます。

result = elem.is(selector) ? elem : elem.find(selector);

あなたが使用できる複数の要素を探している場合には：

result = elem.filter(selector).add(elem.find(selector));

andSelf/ の使用andBackはかなりまれですが、理由はわかりません。おそらく、私の前に述べたパフォーマンスの問題が原因です。

（私は今、Tgrがすでにその2番目のソリューションを提供していることに気づきました）

これは古い質問であることはわかっていますが、もっと正しい方法があります。順序が重要な場合、たとえばのようなセレクターを一致させる:first場合、find()実際の要素のセットが実際に含まれている場合とまったく同じ結果を返す小さな関数を作成しました。

$.fn.findAll = function(selector) {
  var $result = $();

  for(var i = 0; i < this.length; i++) {
    $result = $result.add(this.eq(i).filter(selector));
    $result = $result.add(this.eq(i).find(selector));
  }

  return $result.filter(selector);
};

それは決して効率的ではありませんが、適切な順序を維持するために私が考え出した最高の方法です。

私andSelfはあなたが望むものだと思います：

obj.find(selector).andSelf()

これは、セレクターと一致するかどうかにかかわらず、常に現在のノードを追加することに注意してください。

現在のノードを厳密に調べている場合は、単に

$(html).filter('selector')

繰り返さない解決策を見つけようとしていたない（つまり、同じセレクターを2回入力。

そして、この小さなjQuery拡張はそれを行います：

jQuery.fn.findWithSelf = function(...args) {
  return this.pushStack(this.find(...args).add(this.filter(...args)));
};

これはfind()（子孫のみ）とfilter()（現在のセットのみ）を組み合わせ、両方の引数をサポートします。pushStack()することができます.end()期待どおりに動作します。

このように使用します：

$(element).findWithSelf('.target')

これが正しい（悲しい）真実です。

$(selector).parent().find(oSelector).filter($(selector).find('*'))

http://jsfiddle.net/SergeJcqmn/MeQb8/2/