Javascript 引导/JQuery表筛选器不工作
我不明白为什么过滤器不工作。 这是我在表格中的输入字段(即过滤器),两者都是用帕格语编写的Javascript 引导/JQuery表筛选器不工作,javascript,jquery,filter,html-table,Javascript,Jquery,Filter,Html Table,我不明白为什么过滤器不工作。 这是我在表格中的输入字段(即过滤器),两者都是用帕格语编写的 input#myInput.form-control(type='text', placeholder='Search..') table.table.table-hover thead tr th(scope='col') E-Mail th(scope='col') Rolle tbody#myTable eac
input#myInput.form-control(type='text', placeholder='Search..')
table.table.table-hover
thead
tr
th(scope='col') E-Mail
th(scope='col') Rolle
tbody#myTable
each user in users
tr
td #{user.local.email}
td #{user.local.role}
下面是javascript文档
$(document).ready(function(){
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
您正在尝试筛选表行
,内容在
中。您需要检查每个
的get by以查找值
试试这个:
$(文档).ready(函数(){
$(“#myInput”)。在(“键控”,函数(){
var rows=$(“.myTable”).find(“tr”).hide();
if(this.value.length){
var data=this.value.toLowerCase().split(“”);
$。每个(数据、功能(i、v){
rows.filter(“:contains(“+v+”)”)”).show();
});
}else行。show();
});
});代码>
狮子
猫
狗
老鼠
你的过滤器对我起作用了:你能描述一下过滤器对你起作用的方式吗?@RolandWeber它什么都不做,就像javascript不起作用一样。为什么有人要尝试这个?你能描述一下到目前为止你改变了什么吗?