next နည်းလမ်း

next နည်းလမ်းသည် ပေးထားသော element ၏ နောက်တွင်ရှိပြီး တစ်ခုတည်းသော မိဘအတွင်းတွင် တည်ရှိသော element ကို ပြန်ပေးသည်။

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

တိုက်ရိုက်ကပ်လျက်ကို ရယူခြင်း:

javascript.next();

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

javascript.next(selector);

ဥပမာ

#test element ကို ရှာကြည့်ပြီး ၎င်း၏ အောက်ဘက်ကပ်လျက်ကို html နည်းလမ်းဖြင့် '!' စာသားထည့်ကြည့်ကြပါစို့:

html<p>စာသား</p>
<p>စာသား</p>
<p id="test">စာသား</p>
<p>စာသား</p>
<p>စာသား</p>
javascript$('#test').next().html('!');

HTML ကုဒ်သည် အောက်ပါအတိုင်း ဖြစ်သွားပါမည်:

html<p>စာသား</p>
<p>စာသား</p>
<p id="test">စာသား</p>
<p>!</p>
<p>စာသား</p>

ဒါလည်း ကြည့်ပါ

  • prev နည်းလမ်း,
    အထက်ဘက်ရှိ element ၏ ကပ်လျက်ကို ရယူနိုင်စေသည်
  • nextAll နည်းလမ်း,
    ပေးထားသော element ၏ နောက်တွင်ရှိပြီး တစ်ခုတည်းသော မိဘအတွင်းတွင် တည်ရှိသော element များကို ပြန်ပေးသည်
  • nextUntil နည်းလမ်း,
    ပေးထားသော element ၏ နောက်တွင်ရှိသော element များကို ပြန်ပေးသည်
  • siblings နည်းလမ်း,
    element ၏ ကပ်လျက်များကို တစ်ခုတည်းသော မိဘအတွင်းမှ ရယူနိုင်စေသည်
  • JavaScript property nextElementSibling,
    အလားတူ မိဘအတွင်းတွင် တည်ရှိသော နောက်ထပ် element ကို ပါဝင်သည်