jquery选择器第二个选择器不起作用答案

【问题标题】：jquery selectors second selector not workingjquery选择器第二个选择器不起作用
【发布时间】：2013-07-04 22:45:50
【问题描述】：

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

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

【问题讨论】：

标签： jquery css jquery-selectors

【解决方案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，以改进代码维护。

【讨论】：

【解决方案2】：

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

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

但就像其他人所说的那样，只需一行完成所有操作。

【讨论】：

【解决方案3】：

我检查了代码，没问题。确保你没有做任何错别字。否则，如果您仍然有问题，请清楚地解释它。检查控制台（按 F12）是否有脚本错误..

【讨论】：