Псевдоклас :has в jQuery

Псевдокласът has избира елементи по тяхното съдържание. Нека разгледаме пример. Да предположим, че имаме следния HTML код:

<p>text with <b>b</b> tag</p>
<p>text with <i><b>b</b></i> tag</p>
<p>text</p>

Например, нека изберем всички параграфи, вътре в които има тагове b:

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

Обърнете внимание на това, че в примера ще бъдат избрани както първият параграф, така и вторият, въпреки че във втория параграф тагът b не се намира директно вътре в p, а първо е в i.

Ако имате нужда от непосредствена влагане, тогава трябва да направите следното:

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

В този случай ще бъде избран само първият параграф.

Вземете и оцветете в червен цвят всички h2, вътре в които има таг i.

Вземете и оцветете в червен цвят всички h2, които непосредствено съдържат таг i.