如何为给定的附图设置备用行颜色

Question

说明：在下图中，表格包含展开窗口的行。展开视图详细信息也在一行中。因此，单个记录分为两行。主表中的一行和另一行是在扩展时。所以，这里我们需要为主表应用替换行颜色而不是扩展行。我们如何为主行应用备用行颜色。

发送MVC的css类

Answer 1

         $('table tr:nthchild(even)').css("background","red");
         $('table tr:nthchild(odd)').css("background","white");

Answer 2

jQuery（javascript）方法 - 最适合兼容性。

在下面的示例中，第一个nth-child过滤器从第1个开始选择每个第4个项目。然后它从第3个开始过滤每4个项目。这几乎适用于你抛出的所有浏览器。

jQuery(document).ready(function(){

    $('tr')
        .filter(':nth-child(4n+1)').addClass("rowColor1")
    .end()
        .filter(':nth-child(4n+3)').addClass("rowColor2");

});

DEMO - http://jsfiddle.net/6r22F/1/

纯CSS方法 - 最适合速度和纯度。

更简单的方法是使用CSS。这将是最快的方法，意味着您没有不必要的脚本运行。它可能无法在旧版浏览器中使用，因此请检查您的用户群体的浏览器统计信息。

tr:nth-child(4n+1) {
        background: rgba(255,0,0,1);
}
tr:nth-child(4n+3) {
        background: rgba(255,0,0,0.5);
}

DEMO -

http://jsfiddle.net/f3hk8/1/