Wyszukiwanie elementów wewnątrz innego elementu w JavaScript
Załóżmy, że mamy jakiś element nadrzędny, a wewnątrz niego inne elementy:
<div id="parent">
<div class="child">text</div>
<div class="child">text</div>
<div class="child">text</div>
</div>
Załóżmy, że odnośnik do rodzica został już uzyskany w zmiennej:
let parent = document.querySelector('#parent');
W takim przypadku, w razie potrzeby możemy
przeprowadzić wyszukiwanie według selektora wewnątrz tego
rodzica, a nie w całym dokumencie. W tym celu
metodę wyszukiwania należy zastosować nie do document,
lecz do zmiennej zawierającej naszego rodzica.
Dla przykładu znajdźmy wewnątrz naszego
rodzica elementy z klasą child:
let elems = parent.querySelectorAll('.child');
Dany jest 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');
Znajdź wewnątrz rodzica elementy z klasą
www i zapisz je w zmiennej elems1.
Następnie znajdź wewnątrz rodzica elementy z
klasą ggg i zapisz je w zmiennej
elems2.