Псевдокласс :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.