jQuery Traversing - မွေးချင်းများ
jQuery ဖြင့် သင်သည် ဒြပ်စင်တစ်ခု၏ မွေးချင်းများကို ရှာဖွေရန် DOM သစ်ပင်တွင် ဘေးတိုက်ဖြတ်သန်းနိုင်သည်။
ညီအစ်ကို မောင်နှမများသည် မိဘနှင့် အတူတူပင်။
DOM သစ်ပင်ရှိ ဘေးတိုက်လမ်းလျှောက်ခြင်း။
DOM သစ်ပင်တွင် ဘေးတိုက်ဖြတ်သန်းရန်အတွက် အသုံးဝင်သော jQuery နည်းလမ်းများစွာ ရှိပါသည်။
siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()
jQuery siblings() နည်းလမ်း
နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင် ၏ siblings()ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အောက်ဖော်ပြပါ ဥပမာသည် မွေးချင်းအစိတ်အပိုင်းအားလုံးကို ပြန်ပေးသည် <h2>-
ဥပမာ
$(document).ready(function(){
$("h2").siblings();
});
မွေးချင်းများအတွက် ရှာဖွေမှုကို စစ်ထုတ်ရန် ရွေးချယ်နိုင်သော ကန့်သတ်ဘောင်တစ်ခုကိုလည်း သင်အသုံးပြုနိုင်ပါသည်။
အောက်ပါဥပမာသည် ဒြပ်စင်များဖြစ်သည့် ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေး <h2>သည် <p>
-
ဥပမာ
$(document).ready(function(){
$("h2").siblings("p");
});
jQuery next() နည်းလမ်း
နည်းလမ်းသည် ရွေးချယ်ထားသည့်အရာ ၏ next()နောက်ပေါက်ဖော်ဒြပ်ကို ပြန်ပေးသည်။
အောက်ဖော်ပြပါ ဥပမာသည် နောက်ထပ် မွေးချင်းကို ပြန်ပေးသည် <h2>။
ဥပမာ
$(document).ready(function(){
$("h2").next();
});
jQuery nextAll() နည်းလမ်း
နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင် ၏ nextAll()နောက်ဆက်တွဲ ဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အောက်ဖော်ပြပါ ဥပမာသည် ပေါက်ဖော်၏ နောက်ဆက်တွဲ အစိတ်အပိုင်းအားလုံးကို ပြန်ပေးသည်
<h2>-
ဥပမာ
$(document).ready(function(){
$("h2").nextAll();
});
jQuery nextUntil() နည်းလမ်း
nextUntil()နည်းလမ်းသည် ပေးထားသော အငြင်းအခုံနှစ်ခုကြားရှိ နောက်ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည် ။
အောက်ပါဥပမာသည် အစိတ်အပိုင်းတစ်ခု <h2>နှင့် တစ်ခု ကြားရှိ ပေါက်ဖော်ဒြပ်စင်အားလုံးကို ပြန်ပေးသည် <h6>-
ဥပမာ
$(document).ready(function(){
$("h2").nextUntil("h6");
});
jQuery prev(), prevAll() & prevUntil() နည်းလမ်းများ
prev()၊ prevAll()နှင့် နည်းလမ်းများသည် အထက်ဖော်ပြပါ prevUntil()နည်းလမ်းများအတိုင်း လုပ်ဆောင်သော်လည်း ပြောင်းပြန်လုပ်ဆောင်နိုင်စွမ်းဖြင့် အလုပ်လုပ်သည်- ၎င်းတို့သည် ယခင်ပေါက်ဖော်ဒြပ်စင်များကို ပြန်ပေးသည် (ရှေ့သို့အစား DOM သစ်ပင်ရှိ ပေါက်ဖော်ဒြပ်စင်များတစ်လျှောက် နောက်ပြန်လှည့်သွားသည်)။
jQuery လေ့ကျင့်ခန်းများ
jQuery Traversing အကိုးအကား
jQuery Traversing နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery Traversing Reference သို့သွားပါ ။