jQuery Children() နည်းလမ်း
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ
ဥပမာ
<ul> ၏ တိုက်ရိုက်သားသမီးများဖြစ်သည့် အစိတ်အပိုင်းများကို ပြန်ပေးသည်-
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
ရလဒ်:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
Children() နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင်၏ တိုက်ရိုက်ကလေးများအားလုံးကို ပြန်ပေးသည်။
DOM သစ်ပင်- ဤနည်းလမ်းသည် DOM သစ်ပင်အောက်မှ အဆင့်တစ်ခုသို့သာ ဖြတ်သန်းသည်။ အဆင့်များစွာကို ဖြတ်ကျော်ရန် (မြေးများ သို့မဟုတ် အခြားသားစဉ်မြေးဆက်များ ပြန်လာရန်) find() နည်းလမ်းကို အသုံးပြုပါ။
အကြံပြုချက်- DOM သစ်ပင်အတက်အဆင်း တစ်ခုတည်းအဆင့်သို့ ဖြတ်ကျော်ရန် သို့မဟုတ် စာရွက်စာတမ်း၏ အမြစ်ဒြပ်စင် (မိဘများ သို့မဟုတ် အခြားဘိုးဘေးများထံ ပြန်လာရန်) မိဘ() သို့မဟုတ် မိဘ() နည်းလမ်းကို အသုံးပြုပါ။
မှတ်ချက်- ဤနည်းလမ်းသည် စာသားဆုံမှတ်များကို မပြန်ပါ။ စာသား node များအပါအဝင် ကလေးများအားလုံး ပြန်ရန်၊ contents() နည်းလမ်းကို အသုံးပြုပါ။
အထားအသို
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
ul> ဒြပ်စင်တစ်ခု၏ တိုက်ရိုက်ကလေးများအားလုံးကို ပြန်ပို့နည်း။
<ul> ၏ တိုက်ရိုက်ကလေးများဖြစ်သည့် အတန်းအမည် "ပထမ" ဖြင့် <li> ဒြပ်စင်များအားလုံးကို ပြန်ပို့ရန် စီစစ်ပါရာမီတာကို အသုံးပြုနည်း
<p> ဒြပ်စင်များအားလုံးကို ၎င်းတို့၏မိဘ <div> ဒြပ်စင်၏ တိုက်ရိုက်သားသမီးများဖြစ်သည့် <p> ဒြပ်စင်အားလုံးကို ရွေးချယ်နည်း။
ပြသခြင်း သရုပ်ပြခြင်းသည် <div> ဒြပ်စင်တစ်ခု၏ သားစဉ်မြေးဆက်များ အမှန်တကယ်ဖြစ်သည်ကို ပြသသည်။
❮ jQuery ဖြတ်သန်းခြင်းနည်းလမ်းများ