ელემენტების ძებნა სხვა ელემენტის შიგნით 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.