Seletor contains

O seletor :contains seleciona elementos que contêm o texto especificado.

Sintaxe

É assim que selecionamos elementos pelo texto especificado. O texto pode estar entre aspas ou não. Este parâmetro também distingue entre maiúsculas e minúsculas:

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

Exemplo

Vamos selecionar o parágrafo com o texto bbb e adicionar o texto '!!!' no final:

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

O código HTML ficará assim:

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

Veja também

  • método find,
    que procura elementos dentro dos já encontrados
  • método text,
    que obtém e altera o texto do elemento
  • método contents,
    que permite obter os descendentes do elemento e o texto dentro desse elemento