jQuery nextUntil() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
အတန်းအမည် "start" နှင့် "stop" ဖြင့် <li> ဒြပ်စင်နှစ်ခုကြားရှိ ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးပါ။
$(document).ready(function(){
$("li.start").nextUntil("li.stop").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)
- li (sibling with class name "stop")
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
nextUntil() method သည် selector နှင့် stop ကြားရှိ နောက်ထပ်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည် ။
မွေးချင်းဒြပ်စင်များသည် တူညီသောမိဘနှင့် သက်ဆိုင်သော အစိတ်အပိုင်းများဖြစ်သည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ မွေးချင်းများနှင့်အတူ ရှေ့သို့ ဖြတ်သွားသည်။
မှတ်ချက်- ကန့်သတ်ဘောင် နှစ်ခုလုံးသည် ဗလာဖြစ်ပါက၊ ဤနည်းလမ်းသည် နောက်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို (nextAll() နည်းလမ်းအတိုင်း) ပြန်ပေးပါမည်။
ဆက်စပ်နည်းလမ်းများ-
- next() - ရွေးထားသောဒြပ်၏ နောက်ဆက်တွဲဒြပ်စင်ကို ပြန်ပေးသည်။
- nextAll() - ရွေးချယ်ထားသော ဒြပ်စင်၏ နောက်ဆက်တွဲ ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အထားအသို
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
အငြင်းအခုံနှစ်ခုကြားတွင် နောက်ထပ်ပေါက်ဖော်ဒြပ်စင်များအတွက် ရှာဖွေမှုကို စစ်ထုတ်ရန် ဘောင်နှစ်ခုစလုံးကို အသုံးပြု၍
အငြင်းအခုံနှစ်ခုကြားရှိ မွေးချင်းများစွာကို ပြန်ပို့နည်း
သည် ပေးထားသော အငြင်းအခုံနှစ်ခုစလုံးကို ပြန်ပို့ရန် ရွေးချယ်သည့်ကိရိယာအစား DOM ဒြပ်စင်ကို အသုံးပြုခြင်း။
ကိုအသုံးပြုခြင်းဖြင့် ရွေးချယ်သည့်ကိရိယာအစား DOM ဒြပ်စင်ကိုအသုံးပြုခြင်းနှင့် ကန့်သတ်ချက်နှစ်ခုကြားတွင် နောက်ထပ်ပေါက်ဖော်ရှာဖွေမှုကို စစ်ထုတ်ရန်။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ