पैरेंट सेलेक्टर

:parent सेलेक्टर उन एलिमेंट्स का चयन करता है, जो पैरेंट हैं (यानी गैर-खाली एलिमेंट्स, जिनमें कोई एलिमेंट या टेक्स्ट है)। jQuery सेट के पैरेंट्स या एंसिस्टर्स प्राप्त करने के लिए, parent और parents मेथड्स देखें। चूंकि :parent CSS स्पेसिफिकेशन का हिस्सा नहीं है, आधुनिक ब्राउज़रों में बेहतर परफॉर्मेंस के लिए पहले शुद्ध CSS-सेलेक्टर का उपयोग करके एलिमेंट्स को फ़िल्टर करना बेहतर है, और उसके बाद .filter(':parent') अप्लाई करें।

सिंटैक्स

पैरेंट एलिमेंट्स प्राप्त करना:

javascript$(':parent');

उदाहरण

हमारे पास हरे रंग की बैकग्राउंड वाली एक टेबल table है, आइए पैरेंट td सेल्स ढूंढते हैं, और उन्हें ग्रे रंग में रंगते हैं:

html<table>
  <tr><td>aaa</td><td></td></tr>
  <tr><td>bbb</td><td></td></tr>
  <tr><td>ccc</td><td></td></tr>
</table>
csstable {
  border: 1px;
}

td {
  width: 40px;
  background: green;
} 
javascript$('td:parent').css({background: '#ccc'});

यह भी देखें

  • empty सेलेक्टर,
    जो खाली एलिमेंट्स का चयन करता है
  • parent मेथड,
    जो एलिमेंट के डायरेक्ट पैरेंट को प्राप्त करता है
  • parents मेथड,
    जो उन एलिमेंट्स का चयन करता है, जिनमें कोई चिल्ड्रन नहीं हैं (टेक्स्ट नोड्स सहित)