jQuery prevUntil() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
အတန်းအမည် "start" နှင့် "stop" ဖြင့် <li> ဒြပ်စင်နှစ်ခုကြားရှိ ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးပါ။
$(document).ready(function(){
$("li.start").prevUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
ul (parent)
- li (sibling with class name "stop")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
prevUntil() method သည် selector နှင့် stop ကြားရှိ ယခင်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည် ။
မွေးချင်းဒြပ်စင်များသည် တူညီသောမိဘနှင့် သက်ဆိုင်သော အစိတ်အပိုင်းများဖြစ်သည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ မွေးချင်းများတစ်လျှောက် နောက်ပြန်လှည့်သည်။
မှတ်ချက်- ကန့်သတ်ဘောင် နှစ်ခုလုံးသည် ဗလာဖြစ်ပါက၊ ဤနည်းလမ်းသည် ယခင်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို (prevAll() နည်းလမ်းအတိုင်း) ပြန်ပေးပါမည်။
ဆက်စပ်နည်းလမ်းများ-
- prev() - ရွေးထားသောဒြပ်၏ ယခင်ပေါက်ဖော်ဒြပ်စင်ကို ပြန်ပေးသည်။
- prevAll() - ရွေးထားသည့်ဒြပ်၏ ယခင်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အထားအသို
$(selector).prevUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for previous 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 ဖြတ်သန်းခြင်းနည်းလမ်းများ