Strange filter () chování na stole

hlasů
47

Může mi někdo prosím, podívejte se na mé demo a řekněte mi, proč se nedostávají zvýrazněna moje buňka?

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

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

Já v podstatě chtějí upozornit na buňku, jejíž číslo> 30

Aktualizace: Změnil demo odkazu jako třída byla chybně uvedeno

Položena 10/11/2014 v 05:06
uživatelem
V jiných jazycích...                            


3 odpovědí

hlasů
2

Máte nějaké chyby:

1) Váš volič je špatně. Můžete přidat tr(volitelně) a také není td s třídou.rank

2) Chcete-li porovnat text každé tdmusíte nejprve převést na čísla pomocí 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>

Odpovězeno 10/11/2014 v 05:10
zdroj uživatelem

hlasů
0

Používáte nesprávný třídy filtrovat. Byste měli použít td.age. DEMO

 $("#tbl td.rank").filter(function () {
     return parseInt($(this).text(),10) > 30;
  }).addClass('bright');
Odpovězeno 10/11/2014 v 05:11
zdroj uživatelem

hlasů
1

Myslím, že stačí převést kontrolní pozici na celé číslo tak, aby hodnota mohla být porovnány. pokusit se změnit barvu odpovídající TD textu k něčemu jinému jako červená všimnout efektu. Zkuste to:

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

demonstrace

Odpovězeno 10/11/2014 v 05:30
zdroj uživatelem

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