jQuery माता-पिता तक () विधि
उदाहरण
<span> और <div> के बीच सभी पूर्वज तत्वों को लौटाएं:
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
परिणाम:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
परिभाषा और उपयोग
माता-पिता तक () विधि चयनकर्ता और स्टॉप के बीच सभी पूर्वज तत्वों को लौटाती है ।
एक पूर्वज माता-पिता, दादा-दादी, परदादा, आदि होते हैं।
DOM ट्री: यह विधि मूल तत्व से DOM तत्वों के पूर्वजों के साथ ऊपर की ओर जाती है, दस्तावेज़ के मूल तत्व तक, जब तक कि यह किसी विशिष्ट तत्व तक नहीं पहुँच जाती।
नोट: यदि दोनों पैरामीटर खाली हैं, तो यह विधि सभी पूर्वज तत्वों ( माता-पिता () विधि के समान) को वापस कर देगी।
संबंधित तरीके:
- माता-पिता () - चयनित तत्व का प्रत्यक्ष मूल तत्व लौटाता है
- माता-पिता () - चयनित तत्व के सभी पूर्वज तत्व लौटाता है
- निकटतम () - चयनित तत्व का पहला पूर्वज लौटाता है
वाक्य - विन्यास
$(selector).parentsUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
इसे स्वयं आज़माएं - उदाहरण
करें <span> और <div> के बीच किसी विशिष्ट तत्व की खोज को फ़िल्टर करने के लिए दोनों पैरामीटरों का उपयोग कैसे करें।
को वापस करें <span> और <body> के बीच एकाधिक पूर्वजों को कैसे वापस करें।
सभी पूर्वजों को <span> और <div> के बीच DOM तत्व का उपयोग करके लौटाता है।
उपयोग करना <span> और <div> के बीच <ul> तत्वों के लिए पूर्वजों की खोज को कम करने के लिए DOM तत्व का उपयोग करना।