JavaScript အတွင်း အခြားအရာတစ်ခုအတွင်း အရာများကို ရှာဖွေခြင်း

ကျွန်ုပ်တို့တွင် မိဘအရာတစ်ခုရှိပြီး ၎င်းအတွင်းတွင် အခြားအရာများရှိသည်ဆိုပါစို့:

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

မိဘအရာအတွက် လင့်ခ်တစ်ခုကို ကိန်းရှင်ထဲသို့ ရရှိပြီးဖြစ်သည်ဆိုပါစို့:

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

ထိုသို့သောအခြေအနေတွင်၊ လိုအပ်ပါက ကျွန်ုပ်တို့သည် တစ်ခုလုံးသော မှတ်တမ်းအစား၊ ဤမိဘအတွင်း၌ selector အလိုက် ရှာဖွေမှုကို လုပ်ဆောင်နိုင်ပါသည်။ ၎င်းအတွက် ရှာဖွေရန် method ကို document မှမဟုတ်ဘဲ ကျွန်ုပ်တို့၏မိဘအရာပါဝင်သည့် ကိန်းရှင်မှသုံးရမည်။

ဥပမာအနေဖြင့် ကျွန်ုပ်တို့၏မိဘအတွင်းမှ class child ရှိသော အရာများကို ရှာကြည့်ပါစို့:

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

အရာ #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');

မိဘအတွင်းမှ class www ရှိသော အရာများကို ရှာဖွေပြီး ၎င်းတို့ကို ကိန်းရှင် elems1 ထဲသို့ ရေးထည့်ပါ။ ထို့နောက် မိဘအတွင်းမှ class ggg ရှိသော အရာများကို ရှာဖွေပြီး ၎င်းတို့ကို ကိန်းရှင် elems2 ထဲသို့ ရေးထည့်ပါ။