Странный фильтр () поведение на столе

голоса
47

Может кто-то пожалуйста, посмотрите на мое демо и скажите мне, почему не получает выделен мой мобильный?

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

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

Я в принципе хочу, чтобы выделить ячейку, ранг> 30

Обновление: Измененный демонстрационную ссылку как класс был ошибочно упомянуто

Задан 10/11/2014 в 05:06
пользователем
На других языках...                            


3 ответов

голоса
2

У вас есть какая-то ошибка:

1) Ваш селектор является неправильным. Вы можете добавить tr( по желанию) , а также нет тд с классом.rank

2) Для того, чтобы сравнить текст каждого tdвы должны сначала преобразовать в число с помощью 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>

Ответил 10/11/2014 в 05:10
источник пользователем

голоса
0

Вы используете неправильный класс для фильтрации. Вы должны использовать td.age. DEMO

 $("#tbl td.rank").filter(function () {
     return parseInt($(this).text(),10) > 30;
  }).addClass('bright');
Ответил 10/11/2014 в 05:11
источник пользователем

голоса
1

Я думаю , вам просто нужно преобразовать проверки ранга к Integer , так что значение можно сравнить. попытаться изменить цвет соответствия TD текст что - то другое , как красный цвет , чтобы заметить эффект. попробуй это:

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

демонстрация

Ответил 10/11/2014 в 05:30
источник пользователем

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