Поиск конкретного ТД в таблице

У меня есть код для поиска по всей таблице, но я хочу добавить вторичный поиск, который будет смотреть только на первый столбец таблицы. Я не уверен, как лучше всего адаптировать код для этого.

$(document).ready(function() {
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#glossary-table tr").not('thead tr').filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
0
66
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Измените свой селектор, чтобы получить только первый td строк td:first-child

$(document).ready(function() {
  $("#myInput").on("keyup", function() {
 
    var value = $(this).val().toLowerCase();
    $("table tr td:first-child").not('thead tr').filter(function() {
      $(this).parent().toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>7</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>7</td>
  </tr>
  <tr>
    <td>7</td>
    <td>4</td>
    <td>9</td>
  </tr>
</table>
<input id = "myInput">

Другие вопросы по теме