jQuery माता-पिता () विधि
उदाहरण
<span> के सभी पूर्वज तत्व लौटाएं:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
परिणाम:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
परिभाषा और उपयोग
माता-पिता () विधि चयनित तत्व के सभी पूर्वज तत्वों को लौटाती है।
एक पूर्वज माता-पिता, दादा-दादी, परदादा, आदि होते हैं।
DOM ट्री: यह विधि मूल तत्व से DOM तत्वों के पूर्वजों के साथ-साथ दस्तावेज़ के मूल तत्व (<html>) तक ऊपर की ओर जाती है।
नोट: यदि फ़िल्टर पैरामीटर खाली है, तो यह फ़ंक्शन तत्वों के एक सेट के सभी पूर्वजों का चयन करेगा, सीधे पैरेंट से और <body> और <html> तक। इसलिए खोज परिणाम को कम करने के लिए चयनकर्ता अभिव्यक्ति को पास करना अक्सर उपयोगी होता है।
यह विधि निकटतम () के समान है , जिसमें वे दोनों DOM ट्री को पार करते हैं। मतभेद इस प्रकार हैं:
माता - पिता()
- मूल तत्व से शुरू होता है
- DOM ट्री की यात्रा करता है और सभी पूर्वजों को लौटाता है जो पारित अभिव्यक्ति से मेल खाते हैं
- लौटाए गए jQuery ऑब्जेक्ट में शून्य या एक से अधिक तत्व हैं
निकटतम()
- वर्तमान तत्व से शुरू होता है
- DOM ट्री की यात्रा करता है और पहले पूर्वज को लौटाता है जो पारित अभिव्यक्ति से मेल खाता है
- लौटाए गए jQuery ऑब्जेक्ट में शून्य या एक तत्व होता है
अन्य संबंधित तरीके:
- माता-पिता () - चयनित तत्व का प्रत्यक्ष मूल तत्व लौटाता है
- माता-पिता तक () - दो दिए गए तर्कों के बीच सभी पूर्वज तत्वों को लौटाता है
वाक्य - विन्यास
$(selector).parents(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
इसे स्वयं आज़माएं - उदाहरण
करें <span> के सभी पूर्वजों को वापस करने के लिए फ़िल्टर पैरामीटर का उपयोग कैसे करें जो <ul> तत्व हैं।
को वापस करें <span> के सभी पूर्वजों को वापस करने के लिए फ़िल्टर पैरामीटर का उपयोग कैसे करें जो <li> और <div> तत्व हैं।
एक प्रदर्शन जो दर्शाता है कि <span> तत्व के पूर्वज वास्तव में कौन हैं।