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行的第一个td

$(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">

在表格中搜索特定的TD

1 个答案: