jquery - 使用 jQuery 过滤带有 on data 属性的表

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

        });                
    });
});​

我的 fiddle : 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