Elementų paieška kitų elementų viduje JavaScript

Tarkime, kad turime tam tikrą tėvinį elementą, o jo viduje yra kiti elementai:

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

Tarkime, kad nuoroda į tėvinį elementą jau gauta į kintamąjį:

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

Tokiu atveju, jei reikia, galime atlikti paiešką pagal selektorių šio tėvinio elemento viduje, o ne visame dokumente. Tam paieškos metodas turi būti pritaikytas ne document, o kintamajam, kuriame yra mūsų tėvinis elementas.

Pavyzdžiui, suraskime mūsų tėvinio elemento viduje elementus su klase child:

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

Duotas elementas #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');

Suraskite tėvinio elemento viduje elementus su klase www ir įrašykite juos į kintamąjį elems1. Tada suraskite tėvinio elemento viduje elementus su klase ggg ir įrašykite juos į kintamąjį elems2.