jQuery ट्रैवर्सिंग - वंशज

JQuery के साथ आप किसी तत्व के वंशजों को खोजने के लिए DOM ट्री को पार कर सकते हैं।

एक वंशज एक बच्चा, पोता, परपोता, आदि है।

डोम ट्री को ट्रैवर्स करना

DOM ट्री को ट्रैवर्स करने के लिए दो उपयोगी jQuery विधियाँ हैं:

children()विधि चयनित तत्व के सभी प्रत्यक्ष बच्चों को लौटाती है ।

यह विधि केवल DOM ट्री के नीचे एक स्तर को पार करती है।

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

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

आप बच्चों की खोज को फ़िल्टर करने के लिए वैकल्पिक पैरामीटर का भी उपयोग कर सकते हैं।

<p>निम्न उदाहरण "प्रथम" वर्ग के नाम वाले सभी तत्वों को लौटाता है, जो कि प्रत्यक्ष बच्चे हैं <div>:

$(document).ready(function(){
$("div").children("p.first");
});

find()विधि चयनित तत्व के वंशज तत्वों को लौटाती है, सभी तरह से अंतिम वंशज तक ।

<span>निम्न उदाहरण उन सभी तत्वों को लौटाता है जो इसके वंशज हैं <div>:

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

निम्नलिखित उदाहरण सभी वंशजों को लौटाता है <div>:

$(document).ready(function(){
$("div").find("*");
});

सभी jQuery ट्रैवर्सिंग विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery ट्रैवर्सिंग संदर्भ पर जाएँ ।