jQuery表行按列过滤

Question

我试图以一种智能的方式过滤表格行(而不是只有大量的代码才能最终完成工作),而是一种相当干燥的灵感.

我的表中有5列.在每个顶部都有一个下拉列表或一个文本框,用户可以使用该文本框过滤表数据(基本上隐藏不适用的行)

有很多用于jQuery的表过滤插件,但没有一个像这样工作,这就是复杂的部分:|

Answer 1

这是一个基本的过滤器示例http://jsfiddle.net/urf6P/3/

它使用jquery选择器:contains('some text')和:not(:contains('some text'))来决定是否应显示或隐藏每一行.这可能会让你朝着一个方向前进.

已编辑以包含来自jsfiddle的HTML和javascript:

$(function() {    
    $('#filter1').change(function() { 
        $("#table td.col1:contains('" + $(this).val() + "')").parent().show();
        $("#table td.col1:not(:contains('" + $(this).val() + "'))").parent().hide();
    });

});