使用 jQuery 过滤具有数据属性的表

Question

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

问题是，我无法让它工作，因为我总是收到这个错误：

未捕获的类型错误：无法调用未定义的方法“匹配”

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