jQuery ရှိ :has ရှေ့ဆက်-အတန်းအစား

has ရှေ့ဆက်-အတန်းအစားသည် အကြောင်းအရာအပေါ်မူတည်၍ အစိတ်အပိုင်းများကို ရွေးချယ်ပေးသည်။ ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။ အောက်ပါ HTML ကုဒ်ကို ကျွန်ုပ်တို့၌ ရှိသည်ဆိုပါစို့။

html<p>စာသား <b>b</b> တဂ်နှင့်အတူ</p>
<p>စာသား <i><b>b</b></i> တဂ်နှင့်အတူ</p>
<p>စာသား</p>

ဥပမာအားဖြင့်၊ အတွင်း၌ b တဂ်များ ပါဝင်သည့် စာပိုဒ်အားလုံးကို ရွေးကြည့်ပါမည်။

javascript$('p:has(b)');

ဒုတိယစာပိုဒ်တွင် b တဂ်သည် တိုက်ရိုက်အားဖြင့် p အတွင်း၌ မရှိဘဲ ပထမဆုံး i အတွင်း၌ ရှိနေသော်လည်း ဥပမာ၌ ပထမစာပိုဒ်သာမက ဒုတိယစာပိုဒ်ပါ ရွေးချယ်ခံရမည်ကို သတိပြုပါ။

အကယ်၍ သင့်အနေဖြင့် တိုက်ရိုက်နီးကပ်စွာ အတွင်းထည့်သွင်းမှုကို လိုအပ်ပါက၊ အောက်ပါအတိုင်း ပြုလုပ်သင့်သည်။

javascript$('p:has(>b)');

ဤကိစ္စတွင် ပထမစာပိုဒ်တစ်ခုတည်းသာ ရွေးချယ်ခံရမည်။

Задание 1

အတွင်း၌ i တဂ် ပါဝင်သည့် h2 အားလုံးကို ရယူပြီး အနီရောင်သို့ ပြောင်းလဲပါ။

Задание 2

တိုက်ရိုက်အားဖြင့် i တဂ်ကို ပါဝင်သည့် h2 အားလုံးကို ရယူပြီး အနီရောင်သို့ ပြောင်းလဲပါ။