Merkelig filter () oppførsel på et bord

stemmer
47

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

Publisert på 10/11/2014 klokken 05:06
bruker
På andre språk...                            


3 svar

stemmer
2

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>

Svarte 10/11/2014 kl. 05:10
kilden bruker

stemmer
0

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');
Svarte 10/11/2014 kl. 05:11
kilden bruker

stemmer
1

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

Demo

Svarte 10/11/2014 kl. 05:30
kilden bruker

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