Selektor has

Selektor :has bira elemente, koji sadrže bar jedan element prema zadatom selektoru, ne obavezno neposrednog potomka. Pošto :has ne pripada CSS specifikaciji, za bolju performansu u modernim brauzerima bolje je umesto njega koristiti $("vaš css-selektor").has(selektor/DOM element).

Sintaksa

Ovako biramo elemente:

javascript$(':has(selektor)');

Ovako biramo elemente, ako je potrebna neposredna ugnježdenost selektora:

javascript$(':has(>selektor)');

Primer

Hajde da izaberemo samo one pasuse, unutar kojih postoji tag b i stavimo im na kraj tekst '!!!':

html<p>tekst</p>
<p>tekst</p>
<p><b>bold</b> tekst</p>
<p><b>bold</b> tekst</p>
javascript$('p:has(b)').append('!!!');

HTML kod će onda izgledati ovako:

html<p>tekst</p>
<p>tekst</p>
<p><b>bold</b> tekst!!!</p>
<p><b>bold</b> tekst!!!</p>

Pogledajte takođe

  • metod has,
    koji filtrira skup izabranih elemenata po potomcima
  • metod filter,
    koji filtrira elemente u skupu prema zadatom selektoru