搜索表上只有一列的jQuery

时间:2018-12-22 07:42:45

标签: javascript jquery html

我有以下代码可以搜索整个表,但是我只想搜索第一列。

$(document).ready(function(){
  $("#mySearch").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
}); 

谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用:nth-child()选择器:

$("#myTable tr td:nth-child(1)")

:nth-child()允许您将选择内容过滤到指定索引处的元素。如果只想搜索一个“ ”,则需要在每一行的指定位置放置<td>,因此在选择器中包含td很重要。