Búsqueda de elementos dentro de otro elemento en JavaScript
Supongamos que tenemos un elemento padre, y dentro de él hay otros elementos:
<div id="parent">
<div class="child">text</div>
<div class="child">text</div>
<div class="child">text</div>
</div>
Supongamos que la referencia al padre ya se ha obtenido en una variable:
let parent = document.querySelector('#parent');
En ese caso, si es necesario, podemos
realizar una búsqueda por selector dentro de este
padre, y no en todo el documento. Para ello,
el método de búsqueda debe aplicarse no a document,
sino a la variable que contiene a nuestro padre.
Como ejemplo, busquemos dentro de nuestro
padre los elementos con la clase child:
let elems = parent.querySelectorAll('.child');
Dado el elemento #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');
Encuentra dentro del padre los elementos con la clase
www y escríbelos en la variable elems1.
Luego, encuentra dentro del padre los elementos con
la clase ggg y escríbelos en la variable
elems2.