Kan iemand kijk naar mijn demo en vertel me waarom mijn cel krijgt niet gemarkeerd?
$(#tbl td.rank).filter(function () {
return $(this).text() > 30;
}).addClass('bright');
http://jsfiddle.net/qmftvxyd/6/
Ik wil eigenlijk naar de cel te markeren waarvan rang> 30
Update: Changed demo link as klasse ten onrechte genoemd
Je hebt een aantal fouten:
1) Uw selector is verkeerd. U kunt toevoegen tr(optioneel) en ook dat er geen td met klasse.rank
2) Om de tekst van de te vergelijken tdmoet je eerst converteren naar een nummer met 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>U gebruikt verkeerde klasse te filteren. Je moet gebruiken td.age.
DEMO
$("#tbl td.rank").filter(function () {
return parseInt($(this).text(),10) > 30;
}).addClass('bright');
Ik denk dat je gewoon nodig hebt om de controle rang converteren naar een Integer, zodat de waarde kon worden vergeleken. proberen om de kleur van de bijpassende TD tekst iets anders zoals rood om het effect te zien veranderen. probeer dit:
$("#tbl td.rank").filter(function () {
return parseInt($(this).text()) > 30;
}).addClass('bright');
