jquery <td>

Question

के अंदर पाठ ढूंढें मैं कुछ चयनकर्ताओं के साथ खेल रहा हूं, और मैं एक सेल के अंदर पाठ का चयन करने के साथ दीवार मार रहा हूं।

यहां एक आसान प्रयास है जो मैं कर रहा हूं।

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

मैं उस सेल के लिए कक्षा को "लाल" होना चाहता हूं - यदि स्ट्रिंग "* आवश्यक" पाया जाता है।

यहाँ jQuery पर मेरे प्रयास है:

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

यह सब कोशिकाओं है कि वर्ग लागू करने के लिए पैदा कर रहा है, ऐसा लगता है। विशिष्ट पाठ को देखने के लिए कोई बेहतर तरीका?

Answer 1

आप काम करता है, you can test it here, ध्यान रखें कि किसी भी माता पिता<td>भी कि पाठ हालांकि शामिल में रखने के लिए, एक सटीक मिलान ऐसा करने के क्या करना है:

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

You can test it here।

Answer 2

आप हमेशा $.filter() का उपयोग कर सकते हैं, जहां केवल कॉलबैक के लिए सत्य लौटाता है केवल चयन में शामिल हैं। उदाहरण के लिए:

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

इसके अलावा: आप अपने चयनकर्ता - दक्षता के लिए और निक के उत्तर के कारण भी अधिक विशिष्ट होना चाहते हैं। यद्यपि यदि आप दक्षता पर विचार कर रहे हैं, तो आप पहले से कॉलबैक का उपयोग करने वाली विधि का उपयोग न करने से बेहतर हैं। :)

जहां तक ​​चयनकर्ता जाते हैं, $('#tableID > tr > td')... या कुछ समान उपयोग करने पर विचार करें।

Answer 3

आपको ऐसा करने के लिए जावास्क्रिप्ट का उपयोग नहीं करना चाहिए। आपको क्या उपयोग करना चाहिए एक सीएसएस वर्ग है:

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


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