मैं कैसे जांचूं कि 2 jQuery चयनकर्ता एक ही तत्व (ओं) को इंगित कर रहे हैं या नहीं?

Question

अगर मैं इस जैसे कुछ प्रयास करें:

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

... मैं गलत मिलता है। यदि मैं इसके बजाय इस क्वेरी को आज़माता हूं,

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

... मुझे सच है।

कारण है कि:

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

मैं अगर वहाँ इस समानता, अधिमानतः jQuery में बनाया के लिए परीक्षण करने के लिए किसी भी संक्षिप्त तरीका है सोच रहा हूँ। दूसरी विधि जो मैंने लिखा है केवल तभी सही तरीके से काम करता है जब .foo से मेल खाता है। समाधान किसी भी तत्व के लिए काम करना चाहिए।

स्पष्ट रूप से मैं केवल ".foo" === ".foo" की जांच नहीं करना चाहता क्योंकि वास्तविक चयन का उपयोग मैं अधिक जटिल हूं। मैंने बस इस उदाहरण के लिए उन्हें सरल बना दिया। (उदाहरण के लिए मुझे लगता है कि $(this)$(".foo") के रूप में एक ही बात को चुन रही है की जाँच कर सकते हैं।)

Answer 1

jQuery वस्तुओं के अनुक्रम समानता की जाँच करने के कोर पुस्तकालय में कुछ भी नहीं है, हालांकि निम्नलिखित चाल करना चाहिए:

$.fn.sequenceEqual = function(compareTo) { 
    if (!compareTo || !compareTo.length || this.length !== compareTo.length) { 
    return false; 
    } 
    for (var i = 0, length = this.length; i < length; i++) { 
    if (this[i] !== compareTo[i]) { 
     return false; 
    } 
    } 
    return true; 
} 

कौन सा तो जैसे useable होगा:

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

पूर्णता के लिए, एक सामग्री बराबर विधि इतनी तरह लिखा जा सकता है:

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

कौन सा तो जैसे useable होगा:

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

Answer 2

ठीक है, केवल jQuery builtins का उपयोग कर, यह सही हो रहा है एक

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

अगर ($ (oneSelector) .is ($ (anotherSelector))) ... वे बराबर

Answer 3

यदि आप यह जांचना चाहते हैं कि दोनों सेट में बिल्कुल समान eleme है

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 लिए देख रहे हैं: एनटीएस (संभवतः एक अलग क्रम में), तो $.fn.index के साथ संयोजन में Array#every काम कर सकता है। 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 

संपादित: @lolwut इस उत्तर के लिए एक jsfiddle प्रदान की है। टिप्पणियों को पढ़ने के बाद, मैंने इसे अपडेट किया और यह निर्धारित किया कि यह उत्तर ओपी के मामले के लिए विश्वसनीय नहीं है।

Answer 5

pimvdb के उत्तर के विकल्प के रूप में (जो बहुत अच्छा है, मैं केवल इसे पूर्णता के लिए प्रदान कर रहा हूं), आप इस तथ्य का लाभ उठा सकते हैं कि add() उन तत्वों को नहीं जोड़ पाएगा जो पहले से ही jQuery ऑब्जेक्ट में मौजूद हैं।इसलिए, आप लिख सकते हैं:

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