has selector
:has selector သည် သတ်မှတ်ထားသော selector
နှင့်ကိုက်ညီသော element တစ်ခုအနည်းဆုံးပါရှိသည့် element
များကို ရွေးချယ်ပါသည်၊ ၎င်းသည် တိုက်ရိုက်ဆင်းသက်လာသော
သားတော် (direct descendant) ဖြစ်ရန် မလိုအပ်ပါ။
:has သည် CSS specification နှင့် သက်ဆိုင်မှုမရှိသောကြောင့်၊
ယခုခေတ် browser များတွင် စွမ်းဆောင်ရည်ကောင်းမွန်စေရန်
အစားထိုး၍ $("သင့်၏ css-selector").has(selector/DOM element)
ကို အသုံးပြုသင့်ပါသည်။
Syntax
ဤနည်းအတိုင်း element များကို ကျွန်ုပ်တို့ ရွေးချယ်ပါသည်။
$(':has(selector)');
selector ၏ တိုက်ရိုက်ဆင်းသက်လာမှု (direct nesting) လိုအပ်ပါက ဤနည်းအတိုင်း element များကို ကျွန်ုပ်တို့ ရွေးချယ်ပါသည်။
$(':has(>selector)');
ဥပမာ
အတွင်းတွင် b tag
ပါရှိသော paragraph များကိုသာ ရွေးချယ်ပြီး ၎င်းတို့၏
အဆုံးတွင် '!!!' စာသားကို ထည့်သွင်းကြပါစို့။
<p>စာသား</p>
<p>စာသား</p>
<p><b>ထူထဲ</b> စာသား</p>
<p><b>ထူထဲ</b> စာသား</p>
$('p:has(b)').append('!!!');
HTML code သည် ဤကဲ့သို့ ပုံစံဖြစ်လာပါမည်။
<p>စာသား</p>
<p>စာသား</p>
<p><b>ထူထဲ</b> စာသား!!!</p>
<p><b>ထူထဲ</b> စာသား!!!</p>
