Question

我有这个表有七列，每列代表一个特定的值，如下所示：

我还有五个选择框，其中包含我想用来过滤此数据表的选项。

到目前为止，我已经想出了这个：

$('#mySelectBox').change(function() {

  var filtervar = $(this).val();

  $('tr td.someclass').each(function () {
      if ($(this).text() != filtervar) {
          $(this).parent().hide();
      } else {
          $(this).parent().show(); 
      }
  });
});

此代码适用于一个选择框。我如何调整它以便我可以使用五个不同的选择框进行过滤？

Answer 1

我如何调整它以便我可以使用五个不同的选择框过滤

只需在所有选择框中应用类，这样您只需要一个选择器：

$('.selectBox').change.....

Answer 2

它已经足够通用了。只需将选择框从id更改为class es，然后使用正确的class定位所有选择框。

<强>脚本：

$('.filter').change(function() { /* ... code ... */ });

<强> HTML：

<select class="filter"> ... </select>
<select class="filter"> ... </select>
<select class="filter"> ... </select>

Answer 3

只需给你的选择列表指定所有相同的类，例如“mySelectClass”，然后在选择器中使用它而不是ID。

$('.mySelectClass').change(function() {

使用jQuery过滤表

3 个答案: