Question

我是javascript的新手，我想过滤HTML表的第一列。我的这张表有1075页，而我的javascript代码仅在当前页而不是整个表上搜索项目名称。我不知道该怎么做。

<script type="text/javascript">
    function myFunction() {
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("table1");
        tr = table.getElementsByTagName("tr");
        for (i = 0; i < tr.length; i++) {

            td = tr[i].getElementsByTagName("td")[0];
            if (td) {
            txtValue = td.textContent || td.innerText;
                if (txtValue.toUpperCase().indexOf(filter) > -1) {
                    tr[i].style.display = "";
                 } else {
                    tr[i].style.display = "none";
      }
    }
  }
}

</script>

My table

请帮助我。

Answer 1

如果您不介意使用第三方库，那么使用数据表将为您提供快速而强大的解决方案。从这里https://datatables.net/

获取数据表

一旦包含在您的项目中，它将自动在每列上创建过滤器，并为您提供搜索列。

通过调用在表上将其初始化

$(document).ready( function () {
    $('#myTable').DataTable();
} );

注意：数据表需要jquery。为了方便起见，下载数据表时可以包含jquery。

筛选包含多个页面的html表

1 个答案: