Pseudo-klasa :has në jQuery

Pseudo-klasa has zgjedh elementet sipas përmbajtjes së tyre. Le të shqyrtojmë një shembull. Le të themi se kemi këtë kod HTML:

html<p>tekst me tag <b>b</b></p>
<p>tekst me tag <i><b>b</b></i></p>
<p>tekst</p>

Për shembull, le të zgjedhim të gjitha paragrafët, brenda të cilëve ka tagje b:

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

Vini re se në shembull do të zgjidhet si paragrafi i parë, ashtu edhe i dyti, pavarësisht nga fakti se në paragrafin e dytë tagu b nuk qëndron direkt brenda p, por fillimisht qëndron brenda i.

Nëse keni nevojë për varësi të drejtpërdrejtë, atëherë duhet të bëni kështu:

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

Në këtë rast do të zgjidhet vetëm paragrafi i parë.

Задание 1

Merrni dhe ngjyrosni në të kuqe të gjitha h2, brenda të cilëve ka tag i.

Задание 2

Merrni dhe ngjyrosni në të kuqe të gjitha h2, që përmbajnë drejtpërdrejt tagun i.