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

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

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

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

Është dhënë elementi #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');

Gjeni brenda prindit elementet me klasën www dhe shkruajini ato në ndryshoren elems1. Pastaj gjeni brenda prindit elementet me klasën ggg dhe shkruajini ato në ndryshoren elems2.