Kan noen vennligst se på min demo og fortelle meg hvorfor mobilen min ikke er å få fremhevet?
$(#tbl td.rank).filter(function () {
return $(this).text() > 30;
}).addClass('bright');
http://jsfiddle.net/qmftvxyd/6/
I utgangspunktet ønsker å markere cellen med rang> 30
Oppdatering: Endret demo lenken som klassen hadde blitt feilaktig nevnt
Du har noen feil:
1) Din velgeren er galt. Du kan legge til tr(valgfritt) og også det er ingen td med klasse.rank
2) For å sammenligne teksten til tddu har først å konvertere til et nummer ved hjelp parseInt .
$("#tbl tr td.age").filter(function() {
return parseInt($(this).text(), 10) > 30;
}).addClass('bright');.bright {
color: red !important;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="tbl">
<thead>
<tr>
<th class="id">EmpNo</th>
<th class="name">First Name</th>
<th class="rank">Rank</th>
</tr>
</thead>
<tbody>
<tr>
<td class="id">E342</td>
<td class="name">Bill</td>
<td class="age">35</td>
</tr>
<tr>
<td class="id">E343</td>
<td class="name">Laura</td>
<td class="age">26</td>
</tr>
</tbody>
</table>Du bruker feil klasse å filtrere. Du bør bruke td.age.
DEMO
$("#tbl td.rank").filter(function () {
return parseInt($(this).text(),10) > 30;
}).addClass('bright');
Jeg antar at du bare trenger å konvertere kontroll rang til et heltall slik at verdien kan sammenlignes. prøv å endre fargen på matchende TD tekst til noe annet som rød å merke effekten. Prøv dette:
$("#tbl td.rank").filter(function () {
return parseInt($(this).text()) > 30;
}).addClass('bright');
