Elemek keresése egy másik elemen belül JavaScriptben

Tegyük fel, hogy van egy szülő elemünk, és annak belsejében más elemek:

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

Tegyük fel, hogy a szülőre mutató hivatkozás már egy változóban van:

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

Ilyen esetben, ha szükséges, kereshetünk szelektor alapján ezen a szülőn belül, és nem a teljes dokumentumban. Ehhez a kereső metódust nem a document-re, hanem a szülőnket tartalmazó változóra kell alkalmazni.

Példaként keressük meg a szülőn belül a child osztállyal rendelkező elemeket:

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');