Показать сообщение отдельно
  #6 (permalink)  
Старый 01.04.2018, 10:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,137

фильтрация строк таблицы
denis_kontarev,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  $("#search").on("input", function() {
    var val = +this.value.trim();
    $.each($("#filter tbody tr"), function(i, tr) {
      var td = [].filter.call(tr.querySelectorAll("td"), function(td) {
        var num = +td.textContent.replace(/\D/g, "");
        return isNaN(val) || !isNaN(num) && val < num;
      });
      $(this).toggle(!!td.length);
    });
  });
});
  </script>
</head>

<body>
<div class="form-group">
<input type="text" class="form-control pull-right" id="search" placeholder="Поиск по таблице">
</div>

<table class="simple" id="filter">

<tr>
<td>33%</td>
<td>30%</td>
<td>41%</td>
</tr>

<tr>
<td>56%</td>
<td>20%</td>
<td>40%</td>
</tr>

<tr>
<td>80%</td>
<td>13%</td>
<td>56%</td>
</tr>

</table>

</body>
</html>
Ответить с цитированием