Suche nach Elementen innerhalb eines anderen Elements in JavaScript

Nehmen wir an, wir haben ein übergeordnetes Element und innerhalb davon andere Elemente:

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

Nehmen wir an, der Verweis auf das übergeordnete Element wurde bereits in einer Variable gespeichert:

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

In diesem Fall können wir, falls nötig, die Suche nach einem Selektor innerhalb dieses übergeordneten Elements durchführen, und nicht im gesamten Dokument. Dazu muss die Suchmethode nicht auf document angewendet werden, sondern auf die Variable, die unser übergeordnetes Element enthält.

Lassen Sie uns als Beispiel innerhalb unseres übergeordneten Elements die Elemente mit der Klasse child finden:

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

Gegeben ist das 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');

Suchen Sie innerhalb des übergeordneten Elements die Elemente mit der Klasse www und speichern Sie sie in der Variable elems1. Dann suchen Sie innerhalb des übergeordneten Elements die Elemente mit der Klasse ggg und speichern Sie sie in der Variable elems2.