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