jQuery में parent मेथड
हमने पहले ही मेथड
parent
पर थोड़ा चर्चा कर ली थी,
जब हमने स्यूडोक्लास
parent
पर बात कर रहे थे।
मैं आपको याद दिला दूं कि मेथड parent और सेलेक्टर parent
अलग-अलग काम करते हैं, पहला एलिमेंट के पैरेंट को ढूंढता है, और
दूसरा सभी गैर-खाली एलिमेंट्स (जो पैरेंट हैं) को ढूंढता है।
अगले उदाहरण में हम एलिमेंट #test को ढूंढेंगे,
फिर parent का उपयोग करके इसके पैरेंट को ढूंढेंगे
और इसे '!' टेक्स्ट देंगे। मान लीजिए हमारे पास
निम्नलिखित HTML कोड है:
html<p>बाहर</p>
<div>
<p>अंदर</p>
<p>अंदर</p>
<p id="test">अंदर</p>
<p>अंदर</p>
<p>अंदर</p>
</div>
<p>बाहर</p>
और अब हम Javascript कोड में parent मेथड
लिखते हैं:
javascript$('#test').parent().html('!');
यह मत भूलिए कि इस मेथड में आप अतिरिक्त फिल्टरिंग के लिए सेलेक्टर पास कर सकते हैं।
क्लास www वाले एलिमेंट के पैरेंट को ढूंढें
और उसे लाल रंग में रंग दें।
सभी b टैग्स के पैरेंट्स ढूंढें
और उन्हें लाल रंग में कर दें।
सभी b टैग्स के पैरेंट्स ढूंढें, और उनमें से
जिनके पास क्लास test है,
उन्हें लाल रंग में रंग दें।