जक्वेरी ग्रिड ट्रेवर - पूर्ववर्ती

पूर्ववर्ती माता, पिता, दादा या दादा आदि हैं。

jQuery के माध्यम से, आप DOM वृक्ष की ऊपर की ओर व्यापक कर सकते हैं, ताकि एलिमेंट के पूर्ववर्ती को खोज सकें。

DOM वृक्ष की ऊपर की ओर व्यापक

ये jQuery विधियाँ बहुत उपयोगी हैं, वे DOM वृक्ष की ऊपर की ओर व्यापक करने के लिए उपयोग की जाती हैं:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() विधि

parent() विधि चयनित एलिमेंट के सीधे माता एलिमेंट को वापस देती है。

यह विधि केवल DOM वृक्ष की एक उपरी ओर व्यापक करती है。

नीचे दिए उदाहरण जैसे प्रत्येक <span> एलिमेंट के सीधे माता एलिमेंट को वापस देता है:

उदाहरण

$("document").ready(function(){
  $("span").parent();
});

स्वयं एक प्रयोग करें

jQuery parents() विधि

parents() विधि चयनित एलिमेंट के सभी पूर्ववर्ती एलिमेंट को वापस देती है, यह दस्तावेज़ के मूल एलिमेंट (<html>) तक ऊपर की ओर तक जाती है。

नीचे दिए उदाहरण जैसे सभी <span> एलिमेंट के सभी पूर्ववर्ती एलिमेंट को वापस देता है:

उदाहरण

$("document").ready(function(){
  $("span").parents();
});

स्वयं एक प्रयोग करें

आप वैकल्पिक पारामीटर का उपयोग करके अभियानीय पूर्ववर्ती एलिमेंटों को फ़िल्टर कर सकते हैं。

नीचे दिए उदाहरण जैसे सभी <span> एलिमेंट के सभी पूर्ववर्ती एलिमेंट को वापस देता है और यह <ul> एलिमेंट है:

उदाहरण

$("document").ready(function(){
  $("span").parents("ul");
});

स्वयं एक प्रयोग करें

jQuery parentsUntil() विधि

parentsUntil() विधि दो निर्दिष्ट एलिमेंट के बीच के सभी पूर्ववर्ती एलिमेंट को वापस देती है。

नीचे दिए उदाहरण जैसे <span> और <div> एलिमेंट के बीच के सभी पूर्ववर्ती एलिमेंट को वापस देता है:

उदाहरण

$("document").ready(function(){
  $("span").parentsUntil("div");
});

स्वयं एक प्रयोग करें

jQuery व्यापक उल्लेखनीय

यदि आप जैसे सभी jQuery व्यापक उल्लेखनीय जानना चाहते हैं, तो हमारे jQuery व्यापक उल्लेखनीय