Selettore contains

Il selettore :contains seleziona gli elementi che contengono il testo specificato.

Sintassi

In questo modo selezioniamo gli elementi in base al testo specificato. Il testo può essere tra virgolette o senza. Inoltre, questo parametro è case-sensitive:

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

Esempio

Selezioniamo il paragrafo con il testo bbb e aggiungiamo alla fine il testo '!!!':

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

Il codice HTML risulterà così:

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

Vedi anche

  • il metodo find,
    che cerca elementi all'interno di quelli già trovati
  • il metodo text,
    che ottiene e modifica il testo di un elemento
  • il metodo contents,
    che permette di ottenere i discendenti di un elemento e il testo all'interno di questo elemento