parentsUntil နည်းလမ်း

parentsUntil နည်းလမ်းသည် အစိတ်အပိုင်း၏မိဘအားလုံးကို ရယူပေးသည် - ချက်ချင်းရရှိသောမိဘသာမက၊ အဘ၊ အဘိုး နှင့် ထို့နောက် အမြစ်အစိတ်အပိုင်းအထိ (ဆိုလိုသည်မှာ html တဂ်) ဖြစ်သည်။ ဤသို့ဖြင့် မိဘများရှာဖွေခြင်းသည် ဤနည်းလမ်း၏ပါရာမီတာအဖြစ် သတ်မှတ်ထားသော ဆယ်လက်တာ၏အောက်သို့ ရောက်ရှိသောမိဘကို ရောက်သည်နှင့် အဆုံးသတ်သည်။

ဝါကျဖွဲ့စည်းပုံ

ဆယ်လက်တာ၏အောက်သို့ ရောက်ရှိသောမိဘအထိ မိဘရှာဖွေခြင်း၊ ဆယ်လက်တာသည် DOM အကောက်၊ ထင်မြင်ချက် သို့မဟုတ် jQuery အော့ဘဂျက် ဖြစ်နိုင်သည်၊ ထို့အပြင် ထပ်ဆောင်းစစ်ထုတ်ခြင်းအတွက် ဒုတိယပါရာမီတာကို အသုံးပြုနိုင်သည်။ ပါရာမီတာနှစ်ခုလုံးသည် မဖြစ်မနေမဟုတ်သော ဖြစ်သည်:

javascript.parentsUntil([ဆယ်လက်တာ], [စစ်ထုတ်မှု]);

ဆယ်လက်တာကို မသတ်မှတ်ထားနိုင်ပါ၊ ဤကိစ္စတွင် နည်းလမ်းသည် parents နည်းလမ်းနှင့် တူညီစွာ ပြုမူလိမ့်မည်:

javascript.parentsUntil();

ဥပမာ

အစိတ်အပိုင်း #test ကို ရှာကြည့်ပါမည် ထို့နောက် ၎င်း၏မိဘအားလုံးကိ�်စား parentsUntil ဖြင့် zzz အတန်းအစားရှိအစိတ်အပိုင်းအထိ ရှာဖွေပြီး prepend ဖြင့် အစတွင် '!' စာသားကို ထည့်သွင်းပေးမည်:

html<div>
  <div class="zzz">
    <div class="www">
      <div class="www">
        <p id="test">စာသား</p>
      </div>
    </div>
  </div>
</div>
javascript$('#test').parentsUntil('.zzz').prepend('!');

HTML ကုဒ်သည် ဤကဲ့သို့ ဖြစ်လာမည်:

html<div>
  <div class="zzz">
    <div class="www">
      !
      <div class="www">
        !<p id="test">စာသား</p>
      </div>
    </div>
  </div>
</div>

ဤသည်ကိုလည်း ကြည့်ပါ

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