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