通过类名选择偶数行

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

你可以试试这个;

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

Answer 2

使用jQuery我执行以下操作

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

然后

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