Si el elemento contiene cierto texto

Question

$('.test').css('background','red'); 

<div id="example">Some text</div> 

¿Cómo puedo .addClass('test') si #example contiene la palabra "texto"?

Answer 1

sólo tiene que utilizar :contains pseudoclass

$('#example:contains("text")').addClass('test'); 

esto añadirá la clase a #example si contiene 'texto'

Answer 2

Puede utilizar $("#example") para obtener un envoltorio de jQuery para el elemento, a continuación, utilizar text() para obtener su texto, y utilizar String#indexOf, por ejemplo:

var ex = $("#example"); 
if (ex.text().indexOf("text") !== -1) { 
    ex.addClass("test"); 
} 

también puede utilizar :contains("text") en el selector como F. Calderan shows, aunque tenga en cuenta que cuando utiliza pseudo-selectores no estándar como ese, jQuery no puede usar elementos incorporados del navegador subyacente para encontrar elementos, por lo que puede ser más lento. Lo anterior permitirá a jQuery usar document.getElementById. Sin embargo, solo hay unas pocas situaciones donde la velocidad realmente importa.

Answer 3

tratar el siguiente código

$('#example:contains("text")').addClass('test'); 

un vistazo here de ejemplos y explicaciones de la :contains selector de