jquery - 使用jQuery的on数据属性过滤表

我试图根据数据属性而不是td标记内的值过滤表。

问题是，我无法正常工作，因为我总是会收到以下错误：


未捕获的TypeError：无法调用未定义的方法“ match”

$(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/

最佳答案

数据属性位于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