2つのjQueryセレクタが同じ要素を指しているかどうかを確認するにはどうすればよいですか？

Question

私はこのような何かをしようとした場合：

$(".foo") === $(".foo") // = false 

を...私はfalseを得ます。代わりにこのクエリを試してみると、

$(".foo").get(0) === $(".foo").get(0) // = true 

...私は本当です。この等価性をテストするための任意の簡潔な方法があるかどうか、私は、好ましくは、jQueryのに組み込まれて、思ったんだけど

{a:myObject} !== {a:myObject}; 
[myObject] !== [myObject]; 
myObject  === myObject; 

：ためだ

。私が書いた2番目の方法は、.fooに一致する要素が1つしかない場合にのみ正しく動作します。ソリューションは、あらゆる量の要素に対して機能するはずです。

明らかに私が使用している実際の選択がより複雑であるため、".foo" === ".foo"をチェックしたくありません。私はこの例のために単純化しました。 （例：私は$(this)が$(".foo")と同じものを選択していることを確認することをお勧めします。）

Answer 1

等しいjQueryのオブジェクトのシーケンスの平等をチェックするためのコアライブラリには何もただし、以下のトリックを行う必要があり、存在しません：

そうのような使用可能であろう

：完全について

$(".foo").sequenceEqual($(".bar")) 

、コンテンツ等しい方法がそうように書くことができる：

ようなので使用可能であろう

$.fn.contentsEqual = function(compareTo) { 
    return compareTo && this.length === compareTo.length && this.length === this.filter(compareTo).length; 
} 

：

$(".foo").contentsEqual($(".bar")) 

Answer 2

[OK]を、唯一のjqueryの組み込み関数を使用して、これは（$（oneSelector）場合は、右1

$(oneSelector).filter($(anotherSelector)).length == 1 

のようです.is（$（anotherSelector）））...彼らは

Answer 3

両方のセットにが正確にの同じ要素が含まれているかどうかを確認する場合は、 NTS（おそらく異なる順序で）、その後、$.fn.indexとの組み合わせでArray#everyが仕事をすることができます：

var $this = $("p"), 
    $other = $("p"); 


// same length and $other contains each element of $this 

var equal = $this.length === $other.length 
       && Array.prototype.every.call($this, function(elem) { 
        return $other.index(elem) > -1; 
       }); 

Answer 4

私はあなたが$().isを探していると思います。 Docs here。

var foo, bar; 

foo = $('foo'); 
bar = $('.bar'); 

// This will check to see foo and bar contain the same elements 
foo.is(bar); // true | false 

編集：この回答にjsfiddleを提供@lolwut。コメントを読んだ後、私はそれを更新し、この答えがOPのケースでは信頼できないと判断しました。

Answer 5

pimvdbの回答の代わりに、add()はすでにjQueryオブジェクトに存在する要素を追加しないという事実を利用することができます。したがって、あなたが書くことができます。

$.fn.containsSameElements = function(other) { 
    var len = this.length; 
    return other.length == len && this.add(other).length == len; 
};