jQuery да :has сўзсинаш класс

Сўзсинаш класс has элементларни ички мазмуни бўйича танлайди. Мисол кўриб чиқайлик. Фарз қилайлик, бизда куйидаги HTML коди бор:

html<p>матн <b>b</b> тег билан</p>
<p>матн <i><b>b</b></i> тег билан</p>
<p>матн</p>

Мисол учун, ичида b теглари бор барча абзацларни танлаймиз:

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

Эътиборингизни қаратингки, мисолда биринчи абзац ҳам, иккинчи абзац ҳам танланади, гarchi иккинчи абзацда b теги бевосита p ичида жойлашмаган бўлса-да, аввал i ичида жойлашган.

Агар сизга бевосита ички мажмун керак бўлса, куйидагича қилишингиз керак:

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

Бу ҳолда фақат биринчи абзац танланади.

Задание 1

Ичида i теги бор барча h2 ларни олинг ва уларни қизил рангга бояланг.

Задание 2

Бевосита ичида i тегини ўз ичига олган барча h2 ларни олинг ва уларни қизил рангга бояланг.