jQuery Traversing - ဘိုးဘွားစဉ်ဆက်
jQuery ဖြင့် သင်သည် ဒြပ်စင်တစ်ခု၏ဘိုးဘေးများကို ရှာဖွေရန် DOM သစ်ပင်ကို ဖြတ်သွားနိုင်သည်။
ဘိုးဘွားများသည် မိဘ၊ ဘိုးဘွား၊ အဘိုးအဘွား စသည်တို့ဖြစ်သည်။
DOM သစ်ပင်ကို ဖြတ်လျှောက်ခြင်း။
DOM သစ်ပင်ကိုဖြတ်ကျော်ရန် အသုံးဝင်သော jQuery နည်းလမ်းသုံးမျိုးမှာ-
parent()parents()parentsUntil()
jQuery parent() နည်းလမ်း
နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင် ၏ parent()တိုက်ရိုက်ပင်မဒြပ်စင်ကို ပြန်ပေးသည်။
ဤနည်းလမ်းသည် DOM သစ်ပင်ပေါ်သို့ အဆင့်တစ်ဆင့်သာ ဖြတ်သွားပါသည်။
အောက်ပါဥပမာသည် ဒြပ်စင်တစ်ခုစီ၏ တိုက်ရိုက်ပင်မဒြပ်စင်ကို ပြန်ပေးသည် <span>
-
ဥပမာ
$(document).ready(function(){
$("span").parent();
});
jQuery မိဘ() နည်းလမ်း
နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင် ၏ parents()ဘိုးဘေးဒြပ်စင်များအားလုံးကို စာရွက်စာတမ်း၏ အမြစ်ဒြပ်စင် ( <html>) အထိ ပြန်ပို့ပေးသည်။
အောက်ပါဥပမာသည်
<span>ဒြပ်စင်အားလုံး၏ ဘိုးဘေးများအားလုံးကို ပြန်ပေးသည်-
ဥပမာ
$(document).ready(function(){
$("span").parents();
});
ဘိုးဘွားစဉ်ဆက်ရှာဖွေမှုကို စစ်ထုတ်ရန် ရွေးချယ်နိုင်သော ကန့်သတ်ဘောင်တစ်ခုကိုလည်း သင်သုံးနိုင်သည်။
အောက်ဖော်ပြပါ ဥပမာသည် <span>ဒြပ်စင်များဖြစ်သည့် ဒြပ်စင် အားလုံး၏ ဘိုးဘေးများအားလုံးကို ပြန်ပေးသည် <ul>
-
ဥပမာ
$(document).ready(function(){
$("span").parents("ul");
});
jQuery fatherUntil() နည်းလမ်း
parentsUntil()နည်းလမ်းသည် ပေးထားသော အငြင်းအခုံနှစ်ခုကြားရှိ ဘိုးဘေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည် ။
အောက်ပါဥပမာသည် a <span>နှင့် <div>element တစ်ခုကြားရှိ ဘိုးဘေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည်-
ဥပမာ
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery လေ့ကျင့်ခန်းများ
jQuery Traversing အကိုးအကား
jQuery Traversing နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery Traversing Reference သို့သွားပါ ။