jquery - 根据在搜索框中输入的内容显示 tr

Question

http://jsfiddle.net/YxU2H/2/ 这是我正在尝试做的一个例子。根据在框中键入的内容隐藏该行。由于某种原因，keyup 无法正常工作。帮助？

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

演示