Elementide otsimine teise elemendi sees JavaScriptis

Oletame, et meil on mingi vanemelement, ja selle sees on teised elemendid:

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

Oletame, et viide vanemale on juba saadud muutujasse:

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

Sellisel juhul saime vajadusel teha otsingu selektori järgi selle vanema sees, mitte kogu dokumendis. Selleks tuleb otsingumeetodit rakendada mitte document-ile, vaid muutujale, mis sisaldab meie vanemat.

Teeme näiteks oma vanema sees elemente klassi child järgi:

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

Antud element #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');

Leidke vanema sees elemendid klassiga www ja kirjutage need muutujasse elems1. Seejärel leidke vanema sees elemendid klassiga ggg ja kirjutage need muutujasse elems2.