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