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 ভেরিয়েবলে লিখুন।