如何让这个javascript跳过表中的第一个tr？

sy5wg1nm 于 2023-01-19 发布在 Java

关注(0)|答案(2)|浏览(147)

如何跳过表的第一个<tr>？实际上，它跳过了标题行。

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

JavaScript

来源：https://stackoverflow.com/questions/66466036/how-to-make-this-javascript-skip-the-first-tr-in-a-table

2条答案

按热度按时间

n9vozmp41#

使用$()代替$(document).readyfunction作为DOMContent就绪事件。
$.filter应该返回boolean。但是，您没有。$.filter在这里是多余的。使用$.eachfunction进行dom元素迭代。请尝试如下操作_

$(function () {
    $("#myInput").on("keyup", function () {
        var value = $(this).val().toLowerCase();
        const $el = $("#myTable");
        $('tr', $el).not($('tr:first-child', $el)/*skip first tr*/).each(function () {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
        // or
        $('tr', $el).not('tr:first'/*skip first tr*/).each(function () {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});

赞(0）回复(0）举报 2023-01-19

zujrkrfu2#

您可以通过使用以下伪函数来实现这一点：