搜索HTML表格

时间:2017-12-17 10:57:56

标签: javascript jquery

我有一个带分页的html表。有没有我可以用来搜索整个表格的脚本。 以下脚本仅搜索当前页面。

PS:我也可以使用数据表,但后来我想知道是否还有其他简单的脚本可供使用

<script>
function myFunction() {
  // Declare variables 
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("table");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[1];
    if (td) {
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    } 
  }
}
</script>

0 个答案:

没有答案