jQuery html 表搜索多列

Question

下面给出的代码可以很好地搜索表格。 html部分有一个输入框（id =“name”），表格（15列，超过4000行），然后是代码：

        $(document).ready(function() {
           $("#name").on("keyup", function() {
                var value = $(this).val().toLowerCase();
                $("#data_table tr").filter(function() {
                    $(this).toggle($(this).text()
                    .toLowerCase().indexOf(value) > -1)
                });
            });
        });

我添加了第二个输入框（id =“acc”）。我想更改上面的代码，使其不仅能够搜索 name 列，还能够搜索 acc 列。

我已经尝试过复制代码 $("#name").on("keyup", function() { + 接下来的 6 行，用 "#acc" 替换 "#name"。这可行，但是搜索 acc 会覆盖名称搜索结果。我希望结果是可加的。必须有一种方法可以将“#acc”放入脚本中，但我不知道如何操作。

Answer 1

您可以一次性使用多个

ids

，如下所示：

$(document).ready(function() {
  $("#name,#acc").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#data_table tr").filter(function() {
      $(this).toggle($(this).text()
        .toLowerCase().indexOf(value) > -1)
    });
  });
});