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