Kërkimi i elementeve brenda një elementi tjetër në JavaScript

Le të themi se kemi një element prind, dhe brenda tij elemente të tjerë:

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

Le të themi se lidhja me prindin është marrë tashmë në një ndryshore:

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

Në këtë rast, nëse është e nevojshme, ne mund të kryejmë kërkim sipas një selektori brenda këtij prindi, dhe jo në të gjithë dokumentin. Për këtë metoda për kërkim duhet të aplikohet jo te document, por te ndryshorja që përmban prindin tonë.

Le të gjejmë, për shembull, brenda prindit tonë elementet me klasën 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');