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;
}

因此，您可以将css与javascript隔离开来，以改进代码维护。

Answer 2

它确实有效-下面是以下JS的演示：http://jsfiddle.net/Grimdotdotdot/UySzs/

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

但正如其他人所说，只要在一行中做到这一切。

Answer 3

我检查了代码，没问题。确保你没有拼写错误。否则，如果你仍然有问题，请解释清楚。检查控制台（按F12）是否存在脚本错误。。