根據在搜索框中鍵入的內容顯示tr

Question

http://jsfiddle.net/YxU2H/2/ 這是我正在嘗試做的一個示例。根據輸入到框中的內容隱藏行。出於某種原因，鍵盤不能像它應該那樣工作。幫幫我？

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

Demo