javascript - jQuery - parent() vs closest() -

कहें कि मेरे पास निम्न मार्कअप है:

  & lt; div class = "parent" & gt ; & Lt; div class = "child" & gt; & Lt; div वर्ग = "भव्य-बच्चा" & gt;  

और मुझे .parent से शुरू करना है .grand-child । मैं निम्न दो में से कोई भी कर सकता हूं:

  $ ('grand-child')। माता पिता ()। माता पिता (); । $ ( '। भव्य बच्चे') निकटतम ( '। माता-पिता');  

कुल मिलाकर, निकटतम () एक अच्छे दृष्टिकोण की तरह लगता है क्योंकि:

1. केवल एक फ़ंक्शन
2. यह .grand-child और .parent

के बीच अन्य divs के लिए अप्रासंगिक है, विशेष रूप से, ऊपर # 2 के लाभ के कारण, अगर मैं

  & lt; div class = "parent" & gt; के लिए अपना मार्कअप बदलना चाहता हूं & Lt; div class = "child" & gt; & Lt; div वर्ग = "नानी" & gt; & Lt; div वर्ग = "भव्य-बच्चा" & gt;  

फिर मुझे एक अतिरिक्त माता-पिता () जोड़ना होगा, लेकिन सबसे निकटतम () अभी भी फ़ंक्शन ठीक है।

तो क्या कोई कारण है कि आप कभी भी parent () या निकटतम () ?

आपको $ ('। Grand-child') का उपयोग करना चाहिए। निकटतम ('। Parent'); क्योंकि । Parent ()। Parent ( ) दृढ़ता से आपके एचटीएमएल संरचना पर आधारित है यदि भविष्य में आप इनमें से किसी एक को अंदर जोड़ते हैं तो आपको parent () का उपयोग करके गलत तत्व मिल जाएगा। Parent ()

मान लें कि आपके पास html है:

  & lt; div class = "parent" & gt; & Lt; div class = "child" & gt; & Lt; div वर्ग = "भव्य-बाल-कंटेनर" & gt; & Lt; div वर्ग = "भव्य-बच्चा" & gt;  

अब अगर आप । Parent ()। Parent () का उपयोग करते हैं तो क्या होगा, यह आपको गलत तत्व देगा, इसलिए सबसे उपयुक्त का उपयोग करना है () जैसा कि यह बहुत बेहतर है।

डॉक्स के अनुसार:

मिलान तत्वों के वर्तमान सेट में प्रत्येक तत्व के अभिभावक हो जाता है, वैकल्पिक रूप से फ़िल्टर किया जाता है एक चयनकर्ता।

सेट में प्रत्येक तत्व के लिए, पहला तत्व प्राप्त करें जो तत्व का परीक्षण करके और अपने पूर्वजों के माध्यम से DOM पेड़ में ट्रेजर करके चयनकर्ता से मेल खाता हो।

< H2> मतभेद:

यदि आप नीचे स्क्रॉल करते हैं तो आप आधिकारिक jquery साइट द्वारा इन दोनों के बीच अंतर देख सकते हैं।

इन दोनों के बीच अंतर पर कुछ और अच्छे उत्तर भी उपलब्ध हैं: < / P>

प्रदर्शन:

इसके अलावा प्रदर्शन के अनुसार निकटतम () से बेहतर है parent ( ) , आप

जांच सकते हैं