jquery trouver le texte à l'intérieur <td>

Question

Je joue avec certains sélecteurs, et je frappe un mur avec la sélection de texte à l'intérieur d'une cellule.

Voici une tentative simple que je fais.

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

Je veux changer la classe pour cette cellule pour être « rouge » - si la chaîne « * nécessaire » se trouve.

Voilà ma tentative de jquery:

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

Cela cause toutes les cellules à appliquer cette classe, il semble. De meilleurs moyens de rechercher du texte spécifique?

Answer 1

Qu'est-ce que vous avez des œuvres, you can test it here, garder à l'esprit que tout parent <td>également contient ce texte que, pour faire une correspondance exacte faire:

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

You can test it here.

Answer 2

Vous pouvez toujours utiliser $.filter(), où seuls les éléments pour lesquels le rappel est vrai sont inclus dans la sélection. Par exemple:

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

également: vous voulez être plus précis avec votre sélecteur - pour l'efficacité, et aussi à cause de la réponse de Nick. Cependant, si vous envisagez l'efficacité, il est préférable de ne pas utiliser une méthode qui utilise un rappel en premier lieu. :)

En ce qui concerne les sélecteurs, pensez à utiliser $('#tableID > tr > td')... ou quelque chose de similaire.

Answer 3

Vous ne devriez pas utiliser JavaScript pour faire ceci. Ce que vous devez utiliser est une classe CSS:

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


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