jquery - 通过它的类名选择偶数行

Question

通过它的类名选择偶数行的问题：

$(".recDetails table tr").each(function() {
        if( !($(this).css("display") == "none")){
            $(this).addClass("block");
        };

    });

$(".recDetails table").each(function(i) {
         $(this).find("tr.block:even").css("background-color", "#fff");
         $(this).find("tr.block:odd").css("background-color", "#efefef");
    });

它正在计算所有“ tr ”，因此：

(1) tr class="block"
(2) tr 
(3) tr class="block"

Answer 1

使用 jQuery 我执行以下操作

$(".recDetails > tbody > tr:odd").addClass("odd");

然后

$(".recDetails > tbody > tr:not(.odd)").addClass("even");

Answer 2

你可以试试这个；

.block:nth-child(even) {background: #CCC}
.block:nth-child(odd) {background: #FFF}