jquery buscar texto dentro <td>

Question

Estoy jugando con algunos selectores, y estoy golpeando una pared con la selección de texto dentro de una celda.

He aquí un simple intento que estoy haciendo.

<table> 
<tr> 
    <td>First Name</td> 
    <td>*required</td> 
    </tr> 
</table> 

que quieren cambiar la clase de esa célula a ser "rojo" - si la cadena "* necesario" se encuentra.

Aquí está mi intento en el jQuery:

$("td:contains('*required')").addClass("red"); 

que está causando todas las células para aplicar esa clase, lo que parece. ¿Alguna mejor manera de buscar texto específico?

Answer 1

Lo que tienes obras, you can test it here, tenga en cuenta que cualquier padre <td> también contiene ese texto, sin embargo, hacer una coincidencia exacta hacer esto:

$("td").filter(function() { return $.text([this]) == '*required'; }) 
     .addClass("red"); 

You can test it here.

Answer 2

Siempre puede usar $.filter(), donde solo se incluyen elementos en los que la devolución de llamada se cumple para la selección. Por ejemplo:

$('td').filter(function(i) { 
    $(this).html().indexOf('*required') >= 0; 
}); 

también: usted querrá ser más específico con su selector - de la eficiencia, y también debido a la respuesta de Nick. Aunque si está considerando la eficiencia, es mejor que no utilice un método que utiliza una devolución de llamada en primer lugar. :)

En cuanto a los selectores, considere usar $('#tableID > tr > td')... o algo similar.

Answer 3

No debe estar utilizando JavaScript para hacer esto. Lo que debería estar usando es una clase de CSS:

<table> 
<tr> 
    <td>First Name</td> 
    <td class="required">*required</td> 
    </tr> 
</table> 


<style type="text/css"> 
td.required { 
    color:red; 
} 
</style>