Buscando elementos dentro de outro elemento em JavaScript
Suponha que temos um elemento pai, e dentro dele outros elementos:
<div id="parent">
<div class="child">texto</div>
<div class="child">texto</div>
<div class="child">texto</div>
</div>
Suponha que a referência ao pai já foi obtida em uma variável:
let parent = document.querySelector('#parent');
Nesse caso, se necessário, podemos
realizar uma busca por seletor dentro deste
pai, e não em todo o documento. Para isso,
o método de busca deve ser aplicado não ao document,
mas à variável que contém nosso pai.
Vamos, por exemplo, encontrar dentro do nosso
pai os elementos com a classe child:
let elems = parent.querySelectorAll('.child');
Dado o elemento #parent:
<div id="parent">
<p class="www">texto</p>
<p class="www">texto</p>
<p class="www">texto</p>
<p class="ggg">texto</p>
<p class="ggg">texto</p>
<p class="ggg">texto</p>
</div>
let parent = document.querySelector('#parent');
Encontre dentro do pai os elementos com a classe
www e armazene-os na variável elems1.
Em seguida, encontre dentro do pai os elementos com
a classe ggg e armazene-os na variável
elems2.