JavaScript-da boshqa element ichida elementlarni qidirish

Faraz qilaylik, bizda qandaydir ota-ona elementi bor, va uning ichida boshqa elementlar:

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

Faraz qilaylik, ota-ongaga havola o‘zgaruvchiga olindi:

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

Bunday holatda, agar kerak bo'lsa, biz butun hujjat bo‘ylab emas, balki ushbu ota-onaning ichida selektor bo‘yicha qidiruvni bajarishimiz mumkin. Buning uchun qidiruv usuli document ga emas, balki ota-onamizni o‘z ichiga olgan o‘zgaruvchiga qo‘llanilishi kerak.

Misol uchun, keling, ota-onamizning ichida child klassidagi elementlarni topamiz:

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');