根据搜索框中键入的内容显示tr

时间:2012-07-18 18:15:32

标签: jquery

http://jsfiddle.net/YxU2H/2/ 这是我正在尝试做的一个例子。根据框中输入的内容隐藏行。由于某种原因,密钥不能像它应该的那样工作。帮助

1 个答案:

答案 0 :(得分:1)

检查一下:

$(document).ready(function() {
    var search$ = $('#search'),
        table$ = $('#attribute'),
        content = '';
    search$.keyup(function() {
        var val = $.trim(this.value).toLowerCase();
        if (val === content) { // this.value gives the types value
            return;
        }
        content = val;
        table$.find('tbody>tr').show();
        table$.find('tbody h4').filter(function(index, element) {
            return $(this).text().toLowerCase().indexOf(content) === -1;
        }).closest('tr').hide();
    });
});

<强> Demo