jquery finde Text im Inneren <td>

Question

Ich spiele mit einigen Selektoren, und ich stoße auf eine Wand mit der Auswahl von Text in einer Zelle.

Hier ist ein einfacher Versuch, den ich mache.

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

Ich möchte für diese Zelle, die Klasse ändern „rot“ sein - wenn die Zeichenfolge „* erforderlich“ zu finden ist.

Hier mein Versuch ist am jquery:

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

Es verursacht alle Zellen, die Klasse gelten, so scheint es. Gibt es bessere Möglichkeiten, nach einem bestimmten Text zu suchen?

Answer 1

Was Sie funktioniert hat, you can test it here, bedenken Sie, dass jeder Eltern<td>auch obwohl den Text enthalten, eine genaue Übereinstimmung tun, dies zu tun:

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

You can test it here.

Answer 2

Sie könnten immer einfach $.filter() verwenden, wobei nur Elemente, für die der Callback True zurückgibt, in der Auswahl enthalten sind. Zum Beispiel:

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

auch: Sie wollen mit Ihrem Wähler genauer sein - für Effizienz, und auch wegen Nicks Antwort. Wenn Sie jedoch Effizienz in Betracht ziehen, sollten Sie besser keine Methode verwenden, die einen Callback verwendet. :)

Soweit Selektoren gehen, in Betracht ziehen, $('#tableID > tr > td')... oder etwas ähnliches zu verwenden.

Answer 3

Sie sollten JavaScript nicht verwenden, um dies zu tun. Was Sie verwenden sollten, ist eine CSS-Klasse: