Dziwne filtr () zachowanie na stole

głosy
47

Może ktoś proszę spojrzeć na moje demo i powiedz mi, dlaczego nie jest podświetlony uzyskiwanie moja komórka?

$(#tbl td.rank).filter(function () {
    return $(this).text() > 30;
}).addClass('bright');

http://jsfiddle.net/qmftvxyd/6/

> 30 Zasadniczo chcę, aby zaznaczyć komórkę, której ranga

Aktualizacja: Zmieniono demo link jako klasa została błędnie wymienione

Utwórz 10/11/2014 o 05:06
użytkownik
W innych językach...                            


3 odpowiedzi

głosy
2

Masz jakieś błędy:

1) Twój selektor jest źle. Możesz dodać tr(opcjonalnie), a także nie ma td z klasą.rank

2) Aby porównać tekst każdego tdtrzeba najpierw przekonwertować na liczbę używając 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>

Odpowiedział 10/11/2014 o 05:10
źródło użytkownik

głosy
0

Używasz złego klasę filtrować. Należy użyć td.age. PRÓBNY

 $("#tbl td.rank").filter(function () {
     return parseInt($(this).text(),10) > 30;
  }).addClass('bright');
Odpowiedział 10/11/2014 o 05:11
źródło użytkownik

głosy
1

Chyba po prostu trzeba konwertować Sprawdzanie rankingu na liczbę całkowitą tak, że wartość można porównać. spróbuj zmienić kolor tekstu TD dopasowanie do czegoś innego jak czerwona aby zauważyć efekt. Spróbuj tego:

$("#tbl td.rank").filter(function () {
    return parseInt($(this).text()) > 30;
}).addClass('bright');

Próbny

Odpowiedział 10/11/2014 o 05:30
źródło użytkownik

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