jQuery next() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
အတန်းအမည် "start" ဖြင့် <li> ဒြပ်စင်တစ်ခုစီ၏ နောက်ထပ်ပေါက်ဖော်ဒြပ်စင်ကို ပြန်ပေးပါ။
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
next() method သည် ရွေးချယ်ထားသော element ၏ နောက်ပေါက်ဖော်ဒြပ်စင်ကို ပြန်ပေးသည်။
မွေးချင်းဒြပ်စင်များသည် တူညီသောမိဘနှင့် သက်ဆိုင်သော အစိတ်အပိုင်းများဖြစ်သည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ နောက်ထပ်ပေါက်ဖော်များတစ်လျှောက် ရှေ့သို့ ဖြတ်သွားသည်။
ဆက်စပ်နည်းလမ်းများ-
- nextAll() - ရွေးချယ်ထားသော ဒြပ်စင်၏ နောက်ဆက်တွဲ ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
- nextUntil() - ပေးထားသော အငြင်းအခုံနှစ်ခုကြားရှိ နောက်ထပ်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အထားအသို
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
နောက်ပေါက်ဖော်ကို ရွေးနည်း <div> ဒြပ်စင်တစ်ခုစီ၏ နောက်ပေါက်ဖော်ဒြပ်စင်ကို ရွေးချယ်နည်း။
<div> ဒြပ်စင်တစ်ခုစီ၏ နောက်ထပ်ပေါက်ဖော် <p> ဒြပ်စင်ကို ရွေးချယ်နည်း။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ