jquery 选择器第二个选择器不工作

Question

我不明白为什么第二个 $("tr:even").css("color","yellow"); 当第一个正常工作时不起作用。

$(document).ready(function(){
    $("#button61").click(function(){
        $("tr:even").css("background-color","purple");
        $("tr:even").css("color","yellow");
    });
});

Answer 1

您应该将样式应用于表格单元格(因为它们覆盖了行):

$("tr:even td").css({ "background-color": "purple", "color" : "yellow" });

作为旁注:使用 css() 方法一次，将一个对象作为参数，或者更好的方法是像这样分配一个类名

$("tr:even").addClass('highlight');

并在css中定义你的样式

.highlight td {
   background-color: purple;
   color: yellow;
}

因此您可以从 javascript 中分离 css，以改进代码维护。