Question

我有一个表格，其中有五个输入文字用于过滤器，如此jsfiddle

所示

我想在其中一个过滤器中有文字以及用户点击进入时过滤表格中的信息。

我已经模拟了这样的输入点击：

$(document).ready(function () {
    $('#transactionIDFilter, #messageTypeFilter, #timestampFilter, #messageTextFilter, #originFilter, #destinationFilter ')
        .keypress(function (e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                alert('Oh boy');
                return false;
            }
        });
});

但我无法过滤行。

你能帮帮我吗？我是js的新手

Answer 1

所以你需要遵循的逻辑是

获取输入字段的值并获取输入的索引用户按下输入的字段。
遍历所有
选择从第一步获取的索引的td。
如果获取的td中存在类型值，则显示整行或者隐藏已退出的行。

以下是可能有用的代码：

$(
        '#transactionIDFilter, #messageTypeFilter, #timestampFilter, #messageTextFilter, #originFilter, #destinationFilter')
        .keypress(function (e) {
        var key = e.which;
        if (key == 13) // the enter key code
        {
            $val = $(this).val();
            $el = $(this).closest("td");
            var index = $("td").index($el);
            $("tr").not(".fixed").each(function () {
                $elinner = $(this).find("td").eq(index);
                if ($elinner.html().indexOf($val) != -1) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
            return false;
        }
    });

https://jsfiddle.net/607y6qdx/7/

java脚本查询如何在点击

1 个答案: