Përzgjedhësi has

Përzgjedhësi :has zgjedh elementet, që përmbajnë të paktën një element sipas përzgjedhësit të caktuar, jo domosdoshmërisht fëmijë të drejtpërdrejtë. Meqenëse :has nuk i përket specifikimit CSS, për përmirësimin e performancës në shfletuesit modernë është më mirë të përdoret në vend të tij $("përzgjedhësi juaj css").has(përzgjedhës/DOM element).

Sintaksë

Kështu ne zgjedhim elementet:

javascript$(':has(përzgjedhës)');

Kështu ne zgjedhim elementet, nëse nevojitet fëmijëzim i drejtpërdrejtë i përzgjedhësit:

javascript$(':has(>përzgjedhës)');

Shembull

Le të zgjedhim vetëm ato paragrafë, brenda të cilëve ka tag b dhe të vendosim në fund tekstin '!!!':

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

Kodi HTML do të duket kështu:

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

Shihni gjithashtu

  • metoda has,
    që filtron grupin e elementeve të zgjedhur sipas fëmijëve
  • metoda filter,
    që filtron elementet në grup sipas përzgjedhësit të caktuar