နည်းလမ်း prevUntil

နည်းလမ်း prevUntil သည် တူညီသော မိဘတစ်ဦးအတွင်း ပေးထားသော အရာမတိုင်မီ တည်ရှိသော အစိတ်အပိုင်းများကို ပြန်ပေးသည်။ ဤနည်းလမ်းသည် ပေးထားသောအရာမှ နည်းလမ်း၏ ကန့်သတ်ချက်အဖြစ် သတ်မှတ်ထားသော ရွေးချယ်စရာအောက်သို့ ကျရောက်သော ပထမဆုံး အစိတ်အပိုင်းအထိ ရှိသော အစိတ်အပိုင်းများကို ပြန်ပေးသည်။ နည်းလမ်းထံ ကန့်သတ်ချက်များ မပေးဘဲထားပါက၊ ၎င်းသည် prevAll နည်းလမ်းကဲ့သို့ အလုပ်လုပ်လိမ့်မည်။

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

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

javascript.prevUntil([selector], [filter]);

ဥပမာ

#test အစိတ်အပိုင်းကို ရှာကြည့်ပါစို့။ .www အတန်းအစား ပါရှိသော စာပိုဒ်အထိ ၎င်း၏ အပေါ်ရှိ အိမ်နီးချင်းအားလုံးကို html နည်းလမ်းကို အသုံးပြု၍ '!' စာသားကို သတ်မှတ်ပေးကြပါစို့:

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

HTML ကုဒ်သည် အောက်ပါအတိုင်း ပေါ်လာလိမ့်မည်:

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

ဖတ်ရှုရန်

  • nextUntil နည်းလမ်း,
    အရာ၏နောက်တွင် တည်ရှိသော အစိတ်အပိုင်းများကို ပြန်ပေးသည်
  • prev နည်းလမ်း,
    အစိတ်အပိုင်း၏ အပေါ်ရှိ အိမ်နီးချင်းကို ခွင့်ပြုပေးသည်
  • prevAll နည်းလမ်း,
    တူညီသော မိဘတစ်ဦးအတွင်း ပေးထားသောအရာမတိုင်မီ တည်ရှိသော အစိတ်အပိုင်းများကို ပြန်ပေးသည်
  • siblings နည်းလမ်း,
    တူညီသော မိဘတစ်ဦးအတွင်း အစိတ်အပိုင်း၏ အိမ်နီးချင်းများကို ရယူရန် ခွင့်ပြုပေးသည်