Pseudo-klass :has jQuery-s

Pseudo-klass has valib elemendid nende sisu põhjal. Vaatleme näidet. Olgem meil järgmine HTML kood:

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

Näiteks, valime kõik lõigud, mille sees on silt b:

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

Pange tähele, et näites valitakse nii esimene lõik kui ka teine, hoolimata sellest, et teises lõigus silt b ei asu otse p sees, vaid asub kõigepealt i sees.

Kui aga vajate otsest pesastatust, siis tuleks teha nii:

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

Sel juhul valitakse ainult esimene lõik.

Задание 1

Hankige ja värvi kõik h2, mille sees on silt i, punaseks.

Задание 2

Hankige ja värvi kõik h2, mis sisaldavad otseselt silti i, punaseks.