Selector contains

El selector :contains selecciona elementos que contienen el texto especificado.

Sintaxis

Así es como seleccionamos elementos por el texto especificado. El texto puede estar entre comillas o sin ellas. Este parámetro también distingue entre mayúsculas y minúsculas:

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

Ejemplo

Seleccionemos el párrafo con el texto bbb, y agreguemos el texto '!!!' al final:

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

El código HTML quedará así:

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

Véase también

  • método find,
    que busca elementos dentro de los ya encontrados
  • método text,
    que obtiene y modifica el texto del elemento
  • método contents,
    que permite obtener los descendientes del elemento y el texto dentro de este elemento