Kutafuta Vipengele Ndani ya Kipengele Kingine katika JavaScript

Hebu tuchukulie tuna kipengele mzazi fulani, na ndani yake kuna vipengele vingine:

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

Hebu tuchukulie kiunga kwa mzazi tayari kimepatikana kwenye kutofautisha:

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

Katika hali kama hiyo, ikiwa inahitajika tunaweza kutafuta kwa kutumia kichaguzi ndani ya huyu mzazi, wala si kwenye hati nzima. Ili kufanya hivyo njia ya utafutaji inahitaji kutumiwa si kwa document, bali kwa kutofautisha iliyo na mzazi wetu.

Hebu kwa mfano tupate ndani ya mzazi wetu vipengele vilivyo na darasa child:

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

Amepewa kipengele #parent:

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

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

Tafuta ndani ya mzazi vipengele vilivyo na darasa www na uyaandike kwenye kutofautisha elems1. Kisha tafuta ndani ya mzazi vipengele vilivyo na darasa ggg na uyaandike kwenye kutofautisha elems2.