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