Jquery 用户输入以筛选表行

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

当我开始在文件管理器中键入,行将正确过滤时,我需要做什么?数据库中包含的数据是“europe”和“europe”,如果我键入“e”,它只显示“europe”,但我想同时显示这两个数据,如何做

过滤代码

$(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"
});