带有jQuery数据属性的筛选器表

Question

我想根据数据属性筛选表格，而不是根据td标记中的值筛选表格。

的问题是，我不能得到它的工作，因为我总是得到这个错误：

Uncaught TypeError: Cannot call method 'match' of undefined

$(document).ready(function(){ 
    var elemens = $("td") 
    searchInput = $("#search") 
    searchInput.on('keyup',function(){ 

     elemens.each(function(){ 

      var re = new RegExp(searchInput.val(), 'gi'); 
      if($(this).data('gui').match(re) === null) 
      { 
       $(this).parent('tr').hide(); 
      }else{ 
       $(this).parent('tr').show(); 
      } 

     });     
    }); 
});​ 

我的小提琴： http://jsfiddle.net/T57ba/3/

Answer 1

的数据属性都在tr不是td，.data()也会转换适用的类型，在这个例子中是数字。而是使用.attr()

$(document).ready(function(){ 
    var elemens = $("tr") 
    searchInput = $("#search") 
    searchInput.on('keyup',function(){    
     elemens.each(function(){     
      var re = new RegExp(searchInput.val(), 'gi'); 
      if($(this).attr('data-gui').match(re) === null){ 
       $(this).hide(); 
      } 
      else{ 
       $(this).show(); 
      } 

     });     
    }); 
});​ 

DEMO