jQuery အနီးစပ်ဆုံး() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
<span> ၏ ပထမဆုံးဘိုးဘေးကို ပြန်ပေးပါ၊ ၎င်းသည် <ul> ဒြပ်စင်ဖြစ်သည်-
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor - first grandparent) - li (direct parent) span
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အနီးစပ်ဆုံး() နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင်၏ ပထမဆုံးဘိုးဘေးကို ပြန်ပေးသည်။
ဘိုးဘွားများသည် မိဘ၊ ဘိုးဘွား၊ အဘိုးအဘွား စသည်တို့ဖြစ်သည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ ပထမဆုံးသော ဘိုးဘေးများကို ရှာဖွေရန် စာရွက်စာတမ်း၏ အမြစ်ဒြပ်စင် (<html>) အထိ၊ လက်ရှိဒြပ်စင်မှ အထက်သို့ ဖြတ်သန်းသည်။
ဤနည်းလမ်းသည် မိဘ() နှင့် ဆင်တူပြီး ၎င်းတို့နှစ်ဦးစလုံးသည် DOM သစ်ပင်ပေါ်သို့ ဖြတ်သန်းသွားကြသည်။ ကွာခြားချက်များမှာ အောက်ပါအတိုင်းဖြစ်သည်။
အနီးစပ်ဆုံး()
- လက်ရှိဒြပ်စင်ဖြင့် စတင်သည်။
- DOM သစ်ပင်ကို ခရီးသွားပြီး လွန်ခဲ့သည့် စကားရပ်နှင့် ကိုက်ညီသော ပထမဆုံး (တစ်ခုတည်း) ဘိုးဘေးကို ပြန်ပေးသည်။
- ပြန်ပေးထားသော jQuery အရာဝတ္ထုတွင် သုည သို့မဟုတ် ဒြပ်စင်တစ်ခုပါရှိသည်။
မိဘများ()
- ပင်မဒြပ်စင်ဖြင့် စတင်သည်။
- DOM သစ်ပင်ကို ခရီးသွားပြီး ဖြတ်သန်းခဲ့သည့် စကားရပ်နှင့် ကိုက်ညီသော ဘိုးဘေးများအားလုံးကို ပြန်ပေးသည်။
- ပြန်ပေးထားသော jQuery အရာဝတ္ထုတွင် သုည သို့မဟုတ် တစ်ခုထက်ပိုသော ဒြပ်စင်ပါရှိသည်။
အခြားဆက်စပ်နည်းလမ်းများ
- parent() - ရွေးချယ်ထားသော ဒြပ်စင်၏ တိုက်ရိုက် ပင်မဒြပ်စင်ကို ပြန်ပေးသည်။
- မိဘများUntil() - ပေးထားသော အငြင်းအခုံနှစ်ခုကြားရှိ ဘိုးဘေးဒြပ်စင်အားလုံးကို ပြန်ပေးသည်။
အထားအသို
ရွေးချယ်ထားသောဒြပ်စင်၏ ပထမဆုံးဘိုးဘေးကို ပြန်ပို့ပါ-
$(selector).closest(filter)
DOM သစ်ပင်ကိုရှာဖွေရန် DOM အကြောင်းအရာကို အသုံးပြု၍ ပထမဘိုးဘေးကို ပြန်ပို့ပါ-
$(selector).closest(filter,context)
Parameter | Description |
---|---|
filter | Required. Specifies a selector expression, element or jQuery object to narrow down the ancestor search |
context | Optional. A DOM element within which a matching element may be found |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
ကြောင့် ဤနည်းလမ်းသည် လက်ရှိဒြပ်စင်နှင့် စတင်သောကြောင့်၊ <span> ၏ ပထမ <span> ကို ရှာဖွေခြင်းသည် <span> သို့ ပြန်သွားမည်ဖြစ်သည်။
DOM ဒြပ်စင်တစ်ခုတွင် ဖြတ်သန်းရန် ဘောင်နှစ်ခုစလုံးကို အသုံးပြု၍ ပထမ <ul> ဒြပ်စင်ကို ရှာဖွေရမည့် အကြောင်းအရာအဖြစ် DOM ဒြပ်စင်တစ်ခုအတွင်း ဖြတ်သန်းပါ။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ