jQuery မိဘ() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
<span> ၏ ဘိုးဘေး အစိတ်အပိုင်းများအားလုံးကို ပြန်ပေးသည်-
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
မိဘ() နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင်၏ ဘိုးဘေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
ဘိုးဘွားများသည် မိဘ၊ ဘိုးဘွား၊ အဘိုးအဘွား စသည်တို့ဖြစ်သည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ ဘိုးဘေးများတစ်လျှောက် ပင်မဒြပ်စင်မှ အထက်သို့ ဖြတ်သွားကာ စာရွက်စာတမ်း၏ အမြစ်ဒြပ်စင် (<html>) အထိ ဖြတ်သန်းသည်။
မှတ်ချက်- စစ်ထုတ်မှု ကန့်သတ်ဘောင်သည် ဗလာဖြစ်ပါက၊ ဤလုပ်ဆောင်ချက်သည် တိုက်ရိုက်မိဘမှ၊ <body> နှင့် <html> အထိ အစိတ်အပိုင်းအားလုံး၏ ဘိုးဘေးအားလုံးကို ရွေးချယ်မည်ဖြစ်သည်။ ထို့ကြောင့် ရှာဖွေမှုရလဒ်ကို ကျဉ်းမြောင်းစေရန် ရွေးချယ်သည့်အသုံးအနှုန်းကို ဖြတ်သန်းရန် မကြာခဏ အသုံးဝင်ပါသည်။
ဤနည်းလမ်းသည် အနီးစပ်ဆုံး() နှင့်ဆင်တူပြီး ၎င်းတို့နှစ်ဦးစလုံးသည် DOM သစ်ပင်ပေါ်သို့ ဖြတ်သန်းသွားကြသည်။ ကွာခြားချက်များမှာ အောက်ပါအတိုင်းဖြစ်သည်။
မိဘများ()
- ပင်မဒြပ်စင်ဖြင့် စတင်သည်။
- DOM သစ်ပင်ကို ခရီးသွားပြီး ဖြတ်သန်းခဲ့သည့် စကားရပ်နှင့် ကိုက်ညီသော ဘိုးဘေးများအားလုံးကို ပြန်ပေးသည်။
- ပြန်ပေးထားသော jQuery အရာဝတ္ထုတွင် သုည သို့မဟုတ် တစ်ခုထက်ပိုသော ဒြပ်စင်ပါရှိသည်။
အနီးစပ်ဆုံး()
- လက်ရှိဒြပ်စင်ဖြင့် စတင်သည်။
- DOM သစ်ပင်ကို ခရီးသွားပြီး လွန်ခဲ့သည့် စကားရပ်နှင့် ကိုက်ညီသော ပထမဆုံးဘိုးဘေးကို ပြန်ပေးသည်။
- ပြန်ပေးထားသော jQuery အရာဝတ္ထုတွင် သုည သို့မဟုတ် ဒြပ်စင်တစ်ခုပါရှိသည်။
အခြားဆက်စပ်နည်းလမ်းများ
- parent() - ရွေးချယ်ထားသော ဒြပ်စင်၏ တိုက်ရိုက် ပင်မဒြပ်စင်ကို ပြန်ပေးသည်။
- မိဘများUntil() - ပေးထားသော အငြင်းအခုံနှစ်ခုကြားရှိ ဘိုးဘေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အထားအသို
$(selector).parents(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
<ul> ဒြပ်စင်များဖြစ်သည့် <span> ၏ဘိုးဘေးများအားလုံးကို ပြန်ပို့ရန် စီစစ်ပါရာမီတာကို အသုံးပြုနည်း
<li> နှင့် <div> ဒြပ်စင်များဖြစ်သည့် <span> ဘိုးဘေးများအားလုံးကို ပြန်ပေးရန် filter ကန့်သတ်ဘောင်ကို အသုံးပြုနည်း။
ပြပါ <span> ဒြပ်စင်တစ်ခု၏ဘိုးဘေးများသည် အမှန်တကယ်မည်သူဖြစ်သည်ကို ပြသသည့် သရုပ်ပြခြင်း။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ