Дар JavaScript дар дохили унсурҳои дигар ҷустуҷӯ кардани унсурҳо

Фарз мекунем, ки мо як унсури волидайн дорем, ва дар дохили он унсурҳои дигар ҳастанд:

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

Фарз мекунем, ки истинод ба волидайн аллакай дар тағирёбанда гирифта шудааст:

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

Дар ин ҳолат, агар лозим бошад, мо метавонем ҷустуҷӯ бо истифода аз селекторро дар дохили ин волидайн анҷом диҳем, на дар тамоми ҳуҷҷат. Барои ин усули ҷустуҷӯро на ба document, балки ба тағирёбандае, ки волидайни моро дар бар мегирад, татбиқ кардан лозим аст.

Барои мисол, биёед дар дохили волидайни мо унсурҳои бо синфи child-ро пайдо кунем:

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

Унсури #parent дода шудааст:

<div id="parent">
	<p class="www">matn</p>
	<p class="www">matn</p>
	<p class="www">matn</p>
	<p class="ggg">matn</p>
	<p class="ggg">matn</p>
	<p class="ggg">matn</p>
</div>

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

Дар дохили волидайн унсурҳои бо синфи www-ро пайдо кунед ва онҳоро дар тағирёбандаи elems1 сабт кунед. Сипас дар дохили волидайн унсурҳои бо синфи ggg-ро пайдо кунед ва онҳоро дар тағирёбандаи elems2 сабт кунед.