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

Question

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

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

所以从表格这样的行：

我得到这样的行：

我如何解决这个问题？是否有一些CSS方式来做到这一点？我可以看到每行jquery迭代的解决方案并改变背景颜色但是 在我看来这是一个肮脏的解决方案。

编辑：

bootstrap中的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));
});

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