jQuery ရှိ :has ရှေ့ဆက်-အတန်းအစား
has
ရှေ့ဆက်-အတန်းအစားသည် အကြောင်းအရာအပေါ်မူတည်၍ အစိတ်အပိုင်းများကို ရွေးချယ်ပေးသည်။ ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။
အောက်ပါ HTML ကုဒ်ကို ကျွန်ုပ်တို့၌ ရှိသည်ဆိုပါစို့။
<p>စာသား <b>b</b> တဂ်နှင့်အတူ</p>
<p>စာသား <i><b>b</b></i> တဂ်နှင့်အတူ</p>
<p>စာသား</p>
ဥပမာအားဖြင့်၊
အတွင်း၌ b တဂ်များ ပါဝင်သည့် စာပိုဒ်အားလုံးကို ရွေးကြည့်ပါမည်။
$('p:has(b)');
ဒုတိယစာပိုဒ်တွင် b တဂ်သည် တိုက်ရိုက်အားဖြင့် p အတွင်း၌ မရှိဘဲ
ပထမဆုံး i အတွင်း၌ ရှိနေသော်လည်း
ဥပမာ၌ ပထမစာပိုဒ်သာမက ဒုတိယစာပိုဒ်ပါ ရွေးချယ်ခံရမည်ကို သတိပြုပါ။
အကယ်၍ သင့်အနေဖြင့် တိုက်ရိုက်နီးကပ်စွာ အတွင်းထည့်သွင်းမှုကို လိုအပ်ပါက၊ အောက်ပါအတိုင်း ပြုလုပ်သင့်သည်။
$('p:has(>b)');
ဤကိစ္စတွင် ပထမစာပိုဒ်တစ်ခုတည်းသာ ရွေးချယ်ခံရမည်။
အတွင်း၌ i တဂ် ပါဝင်သည့် h2
အားလုံးကို ရယူပြီး အနီရောင်သို့ ပြောင်းလဲပါ။
တိုက်ရိုက်အားဖြင့် i တဂ်ကို
ပါဝင်သည့် h2 အားလုံးကို ရယူပြီး အနီရောင်သို့ ပြောင်းလဲပါ။
