代码之家  ›  专栏  ›  技术社区  ›  Mohamed Abdillah

筛选包含多个页面的HTML表

  •  0
  • Mohamed Abdillah  · 技术社区  · 7 年前

    我是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

    请帮帮我。

    1 回复  |  直到 7 年前
        1
  •  0
  •   leapdev    7 年前

    如果您不介意使用第三方库,使用数据表将为您提供一个快速、可靠的解决方案。从此处获取数据表 https://datatables.net/

    一旦包含在项目中,它将自动为每一列创建过滤器,并为您包含一个搜索列。

    通过调用

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

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