javascript - 防止表头在搜索时隐藏

Question

在 w3schools 上使用表排序作为基础，如何防止表头在搜索表时消失？

 $(document).ready(function(){
  $('#search-attorneys').on('keyup', function(){
    var input, filter, table, tr, td, i;
    input = $("#search-attorneys");
    filter = $("#search-attorneys").val().toUpperCase();
    table = $("#attorneys");
    tr = $("tr");
    for (i = 0; i < tr.length; i++) {
      tds = tr[i].getElementsByTagName("td");
      var found = false;
      for (j = 0; j < tds.length; j++) {
        td = tds[j];
        if (td) {
          if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
            found = true;
            break;
          }
        }
      }
      if (found) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }
  });
});

JSFIDDLE:LINK

Answer 1

您需要在第一个 for 循环中进行更改:-

for (i = 1; i < tr.length; i++) { // not start with 0 start with 1.

表示离开表<thead><tr>然后开始休息<tr>搜索.

注意:- 检查一下，看看您是否遇到任何问题。我将为您创建一个示例。