Αναζήτηση στοιχείων μέσα σε ένα άλλο στοιχείο στο JavaScript

Ας υποθέσουμε ότι έχουμε ένα γονικό στοιχείο, και μέσα του άλλα στοιχεία:

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

Ας υποθέσουμε ότι ο σύνδεσμος προς τον γονέα έχει ήδη ληφθεί σε μια μεταβλητή:

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

Σε αυτήν την περίπτωση, εάν χρειαστεί, μπορούμε να εκτελέσουμε αναζήτηση με βάση έναν επιλογέα μέσα σε αυτόν τον γονέα, και όχι σε ολόκληρο το έγγραφο. Για να το κάνετε αυτό η μέθοδος αναζήτησης πρέπει να εφαρμοστεί όχι στο document, αλλά στη μεταβλητή που περιέχει τον γονέα μας.

Για παράδειγμα, ας βρούμε μέσα στον γονέα μας στοιχεία με την κλάση child:

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

html<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>

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