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

Question

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

$(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)
    });
  });
});

Answer 1

Измените ваш селектор, чтобы получить только первый тд строк 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">