jQuery ရှိ parent method

parent အတုအယောက် class ကို ဆွေးနွေးချိန်တွင် parent method ကို ကျွန်ုပ်တို့ အနည်းငယ် ခွဲခြမ်းစိတ်ဖြာပြီးဖြစ်ပါသည်။ သတိပေးလိုသည်မှာ parent method နှင့် parent selector သည် မတူညီသောအရာများကို လုပ်ဆောင်ပါသည်၊ ပထမတစ်ခုက အကြောင်းရင်း element ကို ရှာဖွေပြီး ဒုတိယတစ်ခုက ဗလာ မဟုတ်သော (အကြောင်းရင်းများဖြစ်သော) element အားလုံးကို ရှာဖွေပါသည်။

အောက်ပါ ဥပမာတွင် ကျွန်ုပ်တို့သည် #test element ကို ရှာဖွေပါမည်၊ ထို့နောက် parent ကို အသုံးပြု၍ ၎င်း၏ အကြောင်းရင်းကို ရှာဖွေပြီး '!' စာသားကို ထည့်သွင်းပါမည်။ ကျွန်ုပ်တို့တွင် အောက်ပါ HTML code ရှိသည်ဟု ယူဆပါစို့။

html<p>အပြင်ဘက်</p>
<div>
  <p>အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p id="test">အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
  <p>အတွင်းဘက်</p>
</div>
<p>အပြင်ဘက်</p>

ယခုတော့ ကျွန်ုပ်တို့သည် Javascript code ထဲတွင် parent method ကို ရေးသွင်းပါမည်။

javascript$('#test').parent().html('!');

ထပ်ဆောင်း အကြောင်းရင်း စစ်ထုတ်ခြင်းအတွက် selector ကို ဤ method ထဲသို့ ပေးပို့နိုင်သည်ကို မမေ့ပါနှင့်။