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