Soek elemente binne 'n ander element in JavaScript

Gestel ons het 'n sekere ouerelement, en binne dit ander elemente:

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

Gestel die verwysing na die ouer is reeds in 'n veranderlike verkry:

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

In so 'n geval, indien nodig, kan ons 'n soektog volgens 'n selektor binne hierdie ouer uitvoer, en nie in die hele dokument nie. Om dit te doen moet die metode vir soektog nie op document toegepas word nie, maar op die veranderlike wat ons ouer bevat.

Laat ons byvoorbeeld binne ons ouer elemente met die klas child vind:

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

Gegee element #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');

Vind binne die ouer elemente met die klas www en skryf hulle in die veranderlike elems1. Vind dan binne die ouer elemente met die klas ggg en skryf hulle in die veranderlike elems2.