Has selektory

:has selektory, berlen selektora laýyk gelýän iň bolmanda bir elementi öz içine alýan elementleri saýlaýar, bu element häzirki çagany bolmaly däldir. :has CSS spetsifikasiýasyna degişli bolmandygy üçin, häzirki brauzerlerde öndürijiligi gowulandymak üçin ony ulanmakdan has gowy $("siziň css-selektoryňyz").has(selektor/DOM element) ulanmak.

Sintaksis

Şeýlelik bilen elementleri saýlaýarys:

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

Eger selektoryň gönümi goýulmagy zerur bolsa, şeýlelik bilen elementleri saýlaýarys:

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

Mysal

Geliň, diňe içinde b tegini saklaýan abzaslary saýlap alyp, olaryň ahyryna '!!!' tekstini goýalyň:

html<p>tekst</p>
<p>tekst</p>
<p><b>göwrümli</b> tekst</p>
<p><b>göwrümli</b> tekst</p>
javascript$('p:has(b)').append('!!!');

HTML kody şuňa meňzeş görüner:

html<p>tekst</p>
<p>tekst</p>
<p><b>göwrümli</b> tekst!!!</p>
<p><b>göwrümli</b> tekst!!!</p>

Şeýle-de görüň

  • has metodu,
    saýlanan elementler toplumyny çagalar boýunça süzýär
  • filter metodu,
    toplumdaky elementleri berlen selektor boýunça süzýär