jquery - Jquery：祖先（または子孫）と自己を取得する

Question

matchedset.find(selector)/を使用matchedset.parents(selector)して、セレクターによってフィルター処理された現在の一致セットの子孫/祖先を取得できますが、一致セット自体は含まれません（セレクターと一致する場合もあります）。それを取得するためのより良い（より簡潔および/またはより速い）方法はありますか？

matchedset.find(selector).add(matchedset.filter(selector))

とそれぞれの親（）？

Answer 1

あなたはこれを行うことができます：

matchedset.find('*').andSelf().filter(selector);

親の場合：

matchedset.parents('*').andSelf().filter(selector);

Answer 2

あなたのメソッドは実行時間の点で効率的だと思いますが、おそらくあなたが求めているのは糖衣構文です。そのために、プラグインにラップすることができます：

  jQuery.fn.findAndSelf = function(selector) {
    return this.find(selector).add(this.filter(selector))
  }

次に、次のように使用します。

$('.whatever').findAndSelf('.awesome')

ファンシーになりたい場合は、「find」だけでなく「parents」と「children」およびその他のセレクターベースのプラグインでも機能するプラグインを作成できます。

  jQuery.fn.withSelf = function(plugin, selector) {
    return this[plugin](selector).add(this.filter(selector))
  }

次に、最初の引数として、呼び出したいトラバーサルプラグインを指定します。

$('.whatever').withSelf('find', '.awesome')
$('.whatever').withSelf('parents', '.awesome')

キックのためだけに、任意の数のトラバーサルプラグインを一度に呼び出すことができるもう1つの楽しいプラグイン：

  jQuery.fn.traverse = function(plugins, selector) {
    var set = new jQuery();
    $.each(plugins, function(i, val) {
      set.add(this[val](selector));
    }
    return set
  }

次のように、セレクターベースのプラグインの任意の組み合わせでこれを呼び出すことができます。

$('.whatever').traverse(['find','filter'], '.awesome')
$('.whatever').traverse(['parents','find'], '.awesome')
$('.whatever').traverse(['parents', 'filter'], '.awesome')

Answer 3

Jeoffのソリューションは優れていますが、セレクターなしでそれ自体を含むすべての要素を反復できることが優れている場合があります。このアドオンはもう少し柔軟性があります。

$.fn.all = function(selector) {
    if(selector===window.undefined) return this.find('*').andSelf();
    return this.filter(selector).add(this.find(selector));
};

Answer 4

「andSelf（）」関数を検索します。

Answer 5

あなたが持っている親のためにclosest(selector)