Jquery 用户输入以筛选表行
当我开始在文件管理器中键入,行将正确过滤时,我需要做什么?数据库中包含的数据是“europe”和“europe”,如果我键入“e”,它只显示“europe”,但我想同时显示这两个数据,如何做 过滤代码Jquery 用户输入以筛选表行,jquery,filter,Jquery,Filter,当我开始在文件管理器中键入,行将正确过滤时,我需要做什么?数据库中包含的数据是“europe”和“europe”,如果我键入“e”,它只显示“europe”,但我想同时显示这两个数据,如何做 过滤代码 $(document).ready(function() { $("#content").keyup(function(){ //hide all the rows $("#fbody").find("tr").hide(); //split t
$(document).ready(function() {
$("#content").keyup(function(){
//hide all the rows
$("#fbody").find("tr").hide();
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("tr");
//Recusively filter the jquery object to get results.
$.each(data, function(i, v){
jo = jo.filter("*:contains('"+v+"')");
});
//show the rows that match.
jo.show();
//Removes the placeholder text
}).focus(function(){
this.value="";
$(this).css({"color":"black"});
$(this).unbind('focus');
}).css({"color":"#C0C0C0"});
});
HTML
供应商ID
供应商名称
x
我想您希望它显示在大写或小写字母上
$("#content").keyup(function () {
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("tr");
if (this.value == "") {
jo.show();
return;
}
//hide all the rows
jo.hide();
//Recusively filter the jquery object to get results.
jo.filter(function (i, v) {
var $t = $(this);
var matched = true;
for (var d = 0; d < data.length; ++d) {
if (data[d].match(/^\s*$/)) {
continue;
}
var regex = new RegExp(data[d].toLowerCase());
if ($t.text().toLowerCase().replace(/(manual|auto)/g,"").match(regex) === null) {
matched = false;
}
}
return matched;
})
//show the rows that match.
.show();
})
.focus(function () {
this.value = "";
$(this).css({
"color": "black"
});
$(this).unbind('focus');
}).css({
"color": "#C0C0C0"
});
$(“#内容”).keyup(函数(){
//拆分searchInput的当前值
var数据=此.value.split(“”);
//创建行的jquery对象
var jo=$(“#fbody”).find(“tr”);
如果(this.value==“”){
jo.show();
返回;
}
//隐藏所有行
jo.hide();
//循环过滤jquery对象以获得结果。
jo.filter(函数(i,v){
var$t=$(本);
var匹配=真;
对于(变量d=0;d
$("#content").keyup(function () {
//split the current value of searchInput
var data = this.value.split(" ");
//create a jquery object of the rows
var jo = $("#fbody").find("tr");
if (this.value == "") {
jo.show();
return;
}
//hide all the rows
jo.hide();
//Recusively filter the jquery object to get results.
jo.filter(function (i, v) {
var $t = $(this);
var matched = true;
for (var d = 0; d < data.length; ++d) {
if (data[d].match(/^\s*$/)) {
continue;
}
var regex = new RegExp(data[d].toLowerCase());
if ($t.text().toLowerCase().replace(/(manual|auto)/g,"").match(regex) === null) {
matched = false;
}
}
return matched;
})
//show the rows that match.
.show();
})
.focus(function () {
this.value = "";
$(this).css({
"color": "black"
});
$(this).unbind('focus');
}).css({
"color": "#C0C0C0"
});