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