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 айнымалысына жазыңыз.