jQuery find() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
<ul> မှ ဆင်းသက်လာသော <span> အစိတ်အပိုင်းအားလုံးကို ပြန်ပေးပါ။
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
find() နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင်၏ ဆင်းသက်လာသော အစိတ်အပိုင်းများကို ပြန်ပေးသည်။
သားစဉ်မြေးဆက်ဆိုသည်မှာ ကလေး၊ မြေး၊ မြေး အစရှိသည်ဖြင့်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM ဒြပ်စင်များ၏ သားစဉ်မြေးဆက်များတစ်လျှောက်၊ နောက်ဆုံးမျိုးဆက်အထိ အောက်ဘက်သို့ ဖြတ်သန်းသည်။ DOM သစ်ပင်အောက်ရှိ အဆင့်တစ်ခုသို့သာ ဖြတ်ကျော်ရန် (ကလေးများကို တိုက်ရိုက်ပြန်ပို့ရန်) Children() နည်းလမ်းကို အသုံးပြုပါ။
မှတ်ချက် ။ _ _
အကြံပြုချက်- ဆက်ခံသည့်ဒြပ်စင်များအားလုံးကို ပြန်ပေးရန်၊ "*" ရွေးချယ်ကိရိယာကို အသုံးပြုပါ။
အထားအသို
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
"*" ရွေးပေးကိရိယာကို အသုံးပြု၍ <html> ၏ ဆင်းသက်သော အစိတ်အပိုင်းအားလုံးကို ပြန်ပို့ပါ။
ul> ဒြပ်စင်တစ်ခု၏ ဆင်းသက်သည့် <span> ဒြပ်စင်အားလုံးကို မည်သို့ပြန်ဆိုရမည်နည်း။
အမည် "ပထမ" ဖြင့် အတန်းအမည် "ပထမ" ဖြင့် မျိုးဆက်ဆက်ဒြပ်စင်များကို မည်သို့ပြန်ရမည်နည်း။
ကို ပြန်ပို့နည်း
jQuery အရာဝတ္ထုဖြင့် <ul> ဒြပ်စင်
ပြသခြင်း သရုပ်ပြခြင်းသည် <div> ဒြပ်စင်တစ်ခု၏ သားစဉ်မြေးဆက်များ အမှန်တကယ်ဖြစ်သည်ကို ပြသသည်။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ