Javascript 将筛选器应用于除第一行以外的所有行

Javascript 将筛选器应用于除第一行以外的所有行,javascript,jquery,html,Javascript,Jquery,Html,我试图在动态html表上应用多个过滤器。它工作正常,但第一行包含诸如empID、Name等标题。不能将其视为唯一的标题。我试过这样的东西,但不起作用 $(document).ready(function(){ var $rows = $('#tblData tr'); console.log("akshansh"); $('#empId, #empName,#status').on('input', function() { var val1 = $.tr

我试图在动态html表上应用多个过滤器。它工作正常,但第一行包含诸如empID、Name等标题。不能将其视为唯一的标题。我试过这样的东西,但不起作用

$(document).ready(function(){
    var $rows = $('#tblData tr');
    console.log("akshansh");
    $('#empId, #empName,#status').on('input', function() {
        var val1 = $.trim($('#empId').val()).replace(/ +/g, ' ').toLowerCase();
        var val2 = $.trim($('#empName').val()).replace(/ +/g, ' ').toLowerCase();
        var val3= $.trim($('#status').val()).replace(/ +/g, ' ').toLowerCase();
        $rows.show().filter(function() {
            var text1 = $(this).find('tr:not(:first),td:nth-child(1)').text().replace(/\s+/g, ' ').toLowerCase();   
            var text2 = $(this).find('tr:not(:first),td:nth-child(2)').text().replace(/\s+/g, ' ').toLowerCase();
            var text3 = $(this).find('tr:not(:first),td:nth-child(n+2)').text().replace(/\s+/g, ' ').toLowerCase();
            return !~text1.indexOf(val1) || !~text2.indexOf(val2)|| !~text3.indexOf(val3);
        }).hide();
    }); 
});

第三列之后是日期字段,因此是否有方法可以按日期过滤数据?

按如下方式构造表

 <table id='tblData'>
     <thead>
         <tr></tr>
     </thead>
     <tbody>
     </tbody>
 </table>

你错过了:第一个孩子之前

$("#tblData tr:not(:first-child)").hide(); 

尝试
var$rows=$('#tblData>tr')。不(':first')
no,不工作。应用它也会停止过滤。如果您提供HTML,我们可能会建议从.xlsx文件中读取正确的应答数据,并且它会将标题行视为正常行
$("#tblData tr:not(:first-child)").hide();