Elementu meklēšana citā elementā JavaScript

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

html<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ā:

javascriptlet 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:

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

html<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>

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