Elementu meklēšana citā elementā JavaScript

Pieņemsim, ka mums ir kāds vecāka elements, un tajā atrodas citi elementi:

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

Pieņemsim, ka saite uz vecāku jau ir iegūta mainīgajā:

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

Šādā gadījumā, ja nepieciešams, mēs varam veikt meklēšanu pēc selektora šī vecāka iekšienē, nevis visā dokumentā. Lai to izdarītu, meklēšanas metode jāpiemēro nevis document, bet mainīgajam, kas satur mūsu vecāku.

Kā piemēru atradīsim mūsu vecāka iekšienē elementus ar klasi child:

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

Dots elements #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');

Atrodiet vecāka iekšienē elementus ar klasi www un ierakstiet tos mainīgajā elems1. Tad atrodiet vecāka iekšienē elementus ar klasi ggg un ierakstiet tos mainīgajā elems2.