JavaScript में किसी अन्य एलिमेंट के अंदर एलिमेंट खोजना

मान लीजिए कि हमारे पास एक मूल एलिमेंट है, और उसके अंदर अन्य एलिमेंट्स हैं:

<div id="parent">
	<div class="child">text</div>
	<div class="child">text</div>
	<div class="child">text</div>
</div>

मान लीजिए कि मूल एलिमेंट का लिंक एक वेरिएबल में प्राप्त हो गया है:

let parent = document.querySelector('#parent');

ऐसे मामले में, आवश्यकता पड़ने पर हम इस मूल एलिमेंट के अंदर सेलेक्टर के आधार पर खोज कर सकते हैं, न कि पूरी डॉक्यूमेंट में। इसके लिए खोज वाली मेथड को document पर नहीं, बल्कि उस वेरिएबल पर एप्लाई करनी होगी जिसमें हमारा मूल एलिमेंट है।

आइए उदाहरण के तौर पर हमारे मूल एलिमेंट के अंदर child क्लास वाले एलिमेंट्स ढूंढते हैं:

let elems = parent.querySelectorAll('.child');

एक एलिमेंट #parent दिया गया है:

<div id="parent">
	<p class="www">text</p>
	<p class="www">text</p>
	<p class="www">text</p>
	<p class="ggg">text</p>
	<p class="ggg">text</p>
	<p class="ggg">text</p>
</div>

let parent = document.querySelector('#parent');

मूल एलिमेंट के अंदर www क्लास वाले एलिमेंट्स ढूंढें और उन्हें elems1 वेरिएबल में रिकॉर्ड करें। फिर मूल एलिमेंट के अंदर ggg क्लास वाले एलिमेंट्स ढूंढें और उन्हें elems2 वेरिएबल में रिकॉर्ड करें।