jquery - 如何使用 jQuery 交替 html 表中的 "visible"行

Question

我有这段代码，可以在 jQuery 中交替显示 html 的行:

function AlternateRowColors() {

    $("table.altRow1 tr").filter(function() { 
    return true;
    }).filter(':even').addClass('alt'​​​​​​);

    $("tr.alt td[rowspan]").each(function() {
    $(this).parent().nextAll().slice(0, this.rowSpan - 1).addClass('alt');
    });

    $('ins').css("background-color", "#cfc")
}

这非常有效(如果上面有任何效率低下的地方，请随时添加建议)。

我现在遇到的问题是我有隐藏一堆行的代码(有关为什么的详细信息与这个问题并不真正相关)，要点是我想要一个可以执行替代行颜色的函数到当前可见行。

我通过简单地向某些行添加一个类并在该类上调用 .hide() 来隐藏行。

是否有任何建议来获取替代行颜色(如上面的代码)，但让它在可见行上工作，这样无论隐藏什么，表格在替代行着色方面总是看起来正确。

Answer 1

我最终使用了这个似乎有效的方法:

function UpdateTable() {
$('table.altRow1 tr:visible').removeClass('odd').filter(':odd').addClass('odd');

使用这个CSS:

.altRow1 tr {
     background-color: #FFFFFF;
 }
 .altRow1 tr.odd {
     background-color: #DEDEDE;
 }