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）以查找脚本错误..

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

3 个答案: