隐藏行后重新应用表条带化 (Twitter Bootstrap)

我正在使用 Bootstrap，并且有一个条带表，可以通过选择表单上的一些选项来过滤该表。 JavaScript 解释表单输入，并隐藏表中与所选条件不匹配的行。

但是，这会破坏表上的表条带化，具体取决于隐藏的行（灰色行紧邻灰色行，白色行紧邻白色行）。

我想根据过滤结果后可见的行重新应用条带化。我怎样才能做到这一点？

在表行上使用 .remove() 不是一个选项，因为如果过滤条件发生变化，我可能需要再次显示它们，并且我试图避免使用 AJAX 根据过滤器输入动态更新表（我会喜欢坚持隐藏 DOM 元素）。

任何帮助表示赞赏！如果需要的话我可以澄清这个问题:)

看起来 Bootstrap 4 有不同的实现。下列的@Anthony https://stackoverflow.com/users/184686/anthony-mills's answer https://stackoverflow.com/a/24637866/6045800，这就是它的工作方式：

$("tr:visible").each(function (index) {
    $(this).css("background-color", !!(index & 1)? "rgba(0,0,0,.05)" : "rgba(0,0,0,0)");
});

表格现在通过纯 CSS 进行条纹化，而不是通过添加“stripe”类名。