Javascript 将筛选器应用于除第一行以外的所有行
我试图在动态html表上应用多个过滤器。它工作正常,但第一行包含诸如empID、Name等标题。不能将其视为唯一的标题。我试过这样的东西,但不起作用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
$(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();