jquery - 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，以获得改进的代码维护。

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）是否有脚本错误..