Vreemd filter () gedrag tafel

stemmen
47

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

De vraag is gesteld op 10/11/2014 om 05:06
user
In andere talen...                            


3 antwoorden

stemmen
2

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>

antwoordde op 10/11/2014 om 05:10
bron van user

stemmen
0

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');
antwoordde op 10/11/2014 om 05:11
bron van user

stemmen
1

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');

demonstratie

antwoordde op 10/11/2014 om 05:30
bron van user

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more