Տարրերի որոնում այլ տարրի ներսում JavaScript-ում

Ենթադրենք, մենք ունենք որոշակի ծնող տարր, իսկ նրա ներսում՝ այլ տարրեր.

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

Ենթադրենք, ծնողին հղումը արդեն ստացվել է փոփոխականում.

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

Այդ դեպքում, անհրաժեշտության դեպքում մենք կարող ենք որոնում կատարել ընտրիչով այդ ծնողի ներսում, և ոչ թե ամբողջ փաստաթղթում: Դրա համար որոնման մեթոդը պետք է կիրառել ոչ թե document-ին, այլ ծնողը պարունակող փոփոխականին:

Օրինակի համար եկեք գտնենք մեր ծնողի ներսում child դասի տարրերը.

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

Տրված է #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');

Գտեք ծնողի ներսում www դասի տարրերը և գրեք դրանք elems1 փոփոխականում: Այնուհետև գտեք ծնողի ներսում ggg դասի տարրերը և գրեք դրանք elems2 փոփոխականում: