jQuery निकटतम () विधि
उदाहरण
<span> का पहला पूर्वज लौटाएं, जो एक <ul> तत्व है:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
परिणाम:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
परिभाषा और उपयोग
निकटतम () विधि चयनित तत्व के पहले पूर्वज को लौटाती है।
एक पूर्वज माता-पिता, दादा-दादी, परदादा, आदि होते हैं।
DOM ट्री: यह विधि वर्तमान तत्व से ऊपर की ओर जाती है, दस्तावेज़ के मूल तत्व (<html>) तक, DOM तत्वों के पहले पूर्वज को खोजने के लिए।
यह विधि माता-पिता () के समान है , जिसमें वे दोनों DOM ट्री को पार करते हैं। मतभेद इस प्रकार हैं:
निकटतम()
- वर्तमान तत्व से शुरू होता है
- DOM ट्री की यात्रा करता है और पहले (एकल) पूर्वज को लौटाता है जो पारित अभिव्यक्ति से मेल खाता है
- लौटाए गए jQuery ऑब्जेक्ट में शून्य या एक तत्व होता है
माता - पिता()
- मूल तत्व से शुरू होता है
- DOM ट्री की यात्रा करता है और सभी पूर्वजों को लौटाता है जो पारित अभिव्यक्ति से मेल खाते हैं
- लौटाए गए jQuery ऑब्जेक्ट में शून्य या एक से अधिक तत्व हैं
अन्य संबंधित तरीके:
- माता-पिता () - चयनित तत्व का प्रत्यक्ष मूल तत्व लौटाता है
- माता-पिता तक () - दो दिए गए तर्कों के बीच सभी पूर्वज तत्वों को लौटाता है
वाक्य - विन्यास
चयनित तत्व का पहला पूर्वज लौटाएं:
$(selector).closest(filter)
DOM ट्री को देखने के लिए DOM संदर्भ का उपयोग करके पहला पूर्वज लौटाएँ:
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
इसे स्वयं आज़माएं - उदाहरण
क्योंकि यह विधि वर्तमान तत्व से शुरू होती है, <span> के पहले <span> की खोज, <span> लौटाएगी।
करना है, दोनों पैरामीटर का उपयोग एक डीओएम तत्व में पारित करने के लिए उस संदर्भ के रूप में जिसमें पहले <ul> तत्व की खोज करना है।