Contains-valitsin

:contains-valitsin valitsee elementit, jotka sisältävät määritetyn tekstin.

Syntaksi

Näin valitsemme elementtejä määritetyn tekstin perusteella. Tekstin voi olla lainausmerkeissä tai ilman. Tämä parametri on myös kirjainkokoriippuvainen:

javascript$(':contains(teksti)');

Esimerkki

Valitaan kappale, jossa on teksti bbb, ja lisätään sen loppuun teksti '!!!':

html<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
javascript$('p:contains("bbb")').append('!!!');

HTML-koodi näyttää tältä:

html<p>aaa</p>
<p>bbb!!!</p>
<p>ccc</p>

Katso myös

  • metodi find,
    joka etsii elementtejä jo löydettyjen sisältä
  • metodi text,
    joka hakee ja muuttaa elementin tekstin
  • metodi contents,
    joka mahdollistaa elementin jälkeläisten ja elementin sisällä olevan tekstin hakemisen