parent နည်းလမ်း

parent နည်းလမ်းသည် အစိတ်အပိုင်း၏ တိုက်ရိုက်မိဘကို ရယူပေးပါသည်။

ဝါကျဖွဲ့ပုံ

အစိတ်အပိုင်းများအတွက် တိုက်ရိုက်မိဘကို ရယူခြင်း-

javascript.parent();

သတ်မှတ်ထားသော selector နှင့် ကိုက်ညီသည့်အခါမှသာ တိုက်ရိုက်မိဘကို ရွေးချယ်နိုင်ပါသည်-

javascript.parent(selector);

နမူနာ

#test အစိတ်အပိုင်းကို ရှာဖွေကြပါစို့။ ၎င်းနောက် parent ကို အသုံးပြု၍ ၎င်း၏မိဘကို ရှာဖွေပြီး html ကို အသုံးပြု၍ '!' စာသားကို ထည့်သွင်းပေးကြပါစို့-

html<p>အပြင်</p>
<div>
  <p>အတွင်း</p>
  <p>အတွင်း</p>
  <p id="test">အတွင်း</p>
  <p>အတွင်း</p>
  <p>အတွင်း</p>
</div>
<p>အပြင်</p>
javascript$('#test').parent().html('!');

HTML ကုဒ်သည် အောက်ပါအတိုင်း ပြောင်းလဲသွားပါမည်-

html<p>အပြင်</p>
<div>
  !
</div>
<p>အပြင်</p>

နမူနာ

#test အစိတ်အပိုင်းကို ရှာဖွေကြပါစို့။ ၎င်းနောက် parent ကို အသုံးပြု၍ ၎င်း၏မိဘကို ရှာဖွေပြီး ထိုမိဘသည် div www class ရှိပါက html ကို အသုံးပြု၍ '!' စာသားကို ထည့်သွင်းပေးကြပါစို့-

html<p>အပြင်</p>
<div class="www">
  <p>အတွင်း</p>
  <p>အတွင်း</p>
  <p id="test">အတွင်း</p>
  <p>အတွင်း</p>
  <p>အတွင်း</p>
</div>
<p>အပြင်</p>
javascript$('#test').parent('div.www').html('!');

HTML ကုဒ်သည် အောက်ပါအတိုင်း ပြောင်းလဲသွားပါမည်-

html<p>အပြင်</p>
<div class="www">
  !
</div>
<p>အပြင်</p>

အခြားကြည့်ရှုရန်

  • parents နည်းလမ်း,
    အစိတ်အပိုင်း၏ မိဘအားလုံးကို ရယူနိုင်စေရန်
  • closest နည်းလမ်း,
    selector နှင့် ကိုက်ညီသည့် အနီးဆုံး မိဘအစိတ်အပိုင်းကို ရယူနိုင်စေရန်
  • parentsUntil နည်းလမ်း,
    သတ်မှတ်ထားသော မိဘအထိ အစိတ်အပိုင်း၏ မိဘအားလုံးကို ရယူနိုင်စေရန်
  • children နည်းလမ်း,
    အစိတ်အပိုင်း၏ ကလေးအစိတ်အပိုင်းများကို ရယူနိုင်စေရန်
  • contents နည်းလမ်း,
    အစိတ်အပိုင်း၏ ကလေးအစိတ်အပိုင်းများနှင့် ထိုအစိတ်အပိုင်းအတွင်းရှိ စာသားကို ရယူနိုင်စေရန်