Pseudoklasa :has w jQuery
Pseudoklasa
has
wybiera elementy na podstawie ich zawartości. Rozważmy przykład.
Załóżmy, że mamy następujący kod HTML:
<p>tekst ze znacznikiem <b>b</b></p>
<p>tekst ze znacznikiem <i><b>b</b></i></p>
<p>tekst</p>
Na przykład,
wybierzmy wszystkie akapity, wewnątrz których znajdują się znaczniki
b:
$('p:has(b)');
Zwróć uwagę, że w przykładzie zostaną wybrane
zarówno pierwszy, jak i drugi akapit, pomimo tego,
że w drugim akapicie znacznik b
nie leży bezpośrednio wewnątrz p,
a leży najpierw w i.
Jeśli jednak potrzebujesz bezpośredniego zagnieżdżenia, należy zrobić tak:
$('p:has(>b)');
W tym przypadku zostanie wybrany tylko pierwszy akapit.
Pobierz i pokoloruj na czerwono wszystkie
h2, wewnątrz których znajduje się znacznik i.
Pobierz i pokoloruj na czerwono wszystkie
h2, które bezpośrednio zawierają
znacznik i.
