使用JQuery过滤表格单元格

时间:2014-12-22 11:43:50

标签: javascript jquery html5

您好我需要帮助过滤表格单元格。我可以从下拉菜单中选择一个值来过滤表格单元格。但是,当我试图选择一个日期,然后搜索包含该日期的值时,它不起作用。

当前代码:

       $('#LoggingDatePicker').change(function () {
           //$("#LoggingInputs option:first").attr('selected','selected');
           //$('#LoggingSearch').val('');
            var value = this.value.toLowerCase().trim();
            console.log(value);
            $("table tr").each(function (index) {
                if (!index) return;
                $(this).find("td").each(function () {
                    var id = $(this).text().toLowerCase().trim();
                    var not_found = (id.indexOf(value) == -1);
                    $(this).closest('tr').toggle(!not_found);
                    return not_found;
                });
            });
        }); 


        //Displays logging with the specific date


        //Displays logging with the specific logging level which is selected
        $("#LoggingInputs").change(function() {
            //$('#LoggingDatePicker').val('');
            //$('#LoggingSearch').val('');
            var value = this.value.toLowerCase().trim();
            $("table tr").each(function (index) {
                if (!index) return;
                $(this).find("td").each(function () {
                    var id = $(this).text().toLowerCase().trim();
                    var not_found = (id.indexOf(value) == -1);
                    $(this).closest('tr').toggle(!not_found);
                    return not_found;
                });
            });
        }); 
    });

如上图所示,我已经选择了Debug并选择了日期,但是当它被选为'2014-12-17时它仍然显示'2014-12-18'和'2014-12-19' ”。

如何过滤特定日期的值,然后额外搜索该日期?

以下是测试演示: jsfiddle - Test

0 个答案:

没有答案