jQuery - कैसे जांचें कि दो तत्व समान हैं या नहीं?

Question

मुझे किसी फ़ंक्शन में कोई तत्व पारित करने की आवश्यकता है और फिर माता-पिता को ट्रैवर्स करते समय उस विशिष्ट तत्व से मेल खाना चाहिए। पकड़ (मेरे जैसे किसी के लिए अनजान) यह है कि इस तत्व में कोई आईडी नहीं है। निम्न उदाहरण में, मैं हर तत्व गुलाबी बारी करने के सिवाय एक क्लिक किया कि पर पीले

function colorize(element) { 
    element.parent().find('span').each(function() { 
     if ($(this)===element) { // the problem is this is always false 
      $(this).css('background','yellow'); 
     } else { 
      $(this).css('background','pink'); 
     } 
    }); 
} 
$('span').click(function() { 
    colorize($(this)); 
}); 

Answer 1

JQuery वस्तुओं की तुलना वापसी सच कभी नहीं होगा कर देना चाहिए, क्योंकि प्रत्येक JQuery वस्तु आ नई वस्तु है, भले ही उनकी चयनकर्ताओं हैं चाहते हैं बराबरी का।

तत्वों की तुलना करने के लिए आप की जाँच करने के लिए कि क्या डोम तत्वों बराबर हैं:

this === element.get(0); 

Answer 2

आप की जरूरत नहीं है। आप हमेशा एक विशिष्ट तत्व के लिए विशेष शैली को लागू कर रहे हैं, इसलिए उन्हें सभी रंग दें, और उसके बाद विशिष्ट तत्व का रंग बदलें।

function colorize(element) { 
    element.parent().find('span').each(function() { 
     $(this).css('background','pink'); 
    }); 

    element.css('background','yellow'); 
} 

आपकी तुलना के साथ समस्या यह थी कि आप दो वस्तुओं (jQuery ऑब्जेक्ट्स) की तुलना कर रहे थे। जब वस्तुओं, जब तक कि वे एक ही बात की ओर इशारा करते रहे हैं की तुलना, वे असमान माना जाता है:

var o1 = {}; 
var o2 = {}; 
o1 !== o2; 

आप इस के आसपास jQuery आवरण को हटाने के द्वारा काम कर सकते हैं:

function colorize(element) { 
    var realElement = element[0]; 

    element.parent().find('span').each(function() { 
     if (this === realElement) { 
      $(this).css('background','yellow'); 
     } else { 
      $(this).css('background','pink'); 
     } 
    }); 
} 

इस तरह, आप कर रहे हैं डीओएम तत्वों की तुलना डीओएम तत्वों की तुलना में, और संतरे से ऑब्जेक्ट्स या वस्तुओं के लिए सेब नहीं।

Answer 3

उपयोग isEqualNode

this.isEqualNode(element) 

या का उपयोग isSameNode (हटा दिया गया)

this.isSameNode(element) 

Answer 4

आप jQuery is() फ़ंक्शन का उपयोग कर सकते हैं। मूल उत्तर here पाया जा सकता है।

function colorize(element) { 
    element.parent().find('span').each(function() { 
     if ($(this).is(element)) { 
      $(this).css('background','yellow'); 
     } else { 
      $(this).css('background','pink'); 
     } 
    }); 
}