Contains selector

De selector :contains selecteert elementen, die de opgegeven tekst bevatten.

Syntaxis

Zo selecteren we elementen op basis van opgegeven tekst. De tekst kan tussen aanhalingstekens staan of zonder. Deze parameter is hoofdlettergevoelig:

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

Voorbeeld

Laten we de paragraaf met de tekst bbb selecteren, en er de tekst '!!!' aan het einde toevoegen:

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

De HTML-code ziet er dan zo uit:

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

Zie ook

  • de methode find,
    die elementen zoekt binnen reeds gevonden elementen
  • de methode text,
    die de tekst van een element ophaalt en wijzigt
  • de methode contents,
    die het mogelijk maakt om de nakomelingen van een element en de tekst binnen dat element op te halen