JavaScript-da boshqa element ichida elementlarni qidirish

Faraz qilaylik, bizda qandaydir ota-ona elementi bor, va uning ichida boshqa elementlar:

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

Faraz qilaylik, ota-ongaga havola o‘zgaruvchiga olindi:

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

Bunday holatda, agar kerak bo'lsa, biz butun hujjat bo‘ylab emas, balki ushbu ota-onaning ichida selektor bo‘yicha qidiruvni bajarishimiz mumkin. Buning uchun qidiruv usuli document ga emas, balki ota-onamizni o‘z ichiga olgan o‘zgaruvchiga qo‘llanilishi kerak.

Misol uchun, keling, ota-onamizning ichida child klassidagi elementlarni topamiz:

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

#parent elementi berilgan:

<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');

Ota-ona ichida www klassidagi elementlarni toping va ularni elems1 o‘zgaruvchisiga yozing. Keyin ota-ona ichida ggg klassidagi elementlarni toping va ularni elems2 o‘zgaruvchisiga yozing.