动态显示表格行和 CSS 奇偶匹配

Question

我有带有 .table-striped 类的经典引导 html 表 - 这意味着斑马条纹（每个偶数行的颜色都不同于奇数行）。

在同一站点上过滤器显示或隐藏此表中的行（取决于填充的输入）

所以从表中的行如下：

我得到这样的行：

我该如何解决这个问题？有没有一些 CSS 方法可以做到这一点？我可以看到每行都使用 jquery 迭代并更改背景颜色的解决方案，但是 在我看来，这是一种肮脏的解决方案。

编辑：

引导程序中的 CSS 说：

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

我像这样隐藏行：

var tableRows = $('#myTable');
    tableRows.each(function() {
        if(condition) {
            $(this).hide();
            ...

Answer 1

尝试通过添加以下脚本来管理隐藏行，

$("tr:not(.hidden)").each(function (index) {
    $(this).toggleClass("stripe", !!(index & 1));
});

在加载时添加此脚本，以及何时隐藏/显示该行