jquery içindeki metni bul <td>

Question

Bazı seçicilerle oynuyorum ve bir hücre içinde Metin seçerek duvara çarpıyorum.

İşte yaptığım basit bir girişim. dize "* gerekli" bulunursa -

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

ben "kırmızı" olmak o hücre için sınıfını değiştirmek istiyorum.

İşte jquery benim denemesi:

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

Tüm hücreler bu sınıfı uygulamak için sebep oluyor, öyle görünüyor. Belirli bir metni aramanın daha iyi bir yolu var mı?

Answer 1

Sorunsuz, you can test it here, tam bir eşleşme bunu yapmak, herhangi ebeveyn<td>da olsa o metni içeren akılda tutmak zorunda Ne:

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

You can test it here.

Answer 2

Her zaman yalnızca $.filter() kullanın, burada yalnızca geri aramanın true değerini döndüren öğeler, seçime dahil edilir. Ayrıca

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

: Örneğin: - ve aynı zamanda çünkü Nick'in cevap, verimlilik için size seçici ile daha spesifik olmak isteyeceksiniz. Verimliliği düşündüğünüz halde, ilk etapta geri arama kullanan bir yöntem kullanmamanız daha iyidir.

Seçiciler gittikçe, $('#tableID > tr > td')... veya benzeri bir şeyi kullanmayı düşünün.

Answer 3

Bunu yapmak için JavaScript kullanmamalısınız. Kullanmanız gereken, bir CSS sınıfı: