0

我知道这个问题听起来很奇怪，但事情是这样的：
当有人在我的网页上按下一个按钮时，就会创建一个新的 tr。
创建 tr 后，我想在我的桌子上交替 tr 颜色，所以我使用这个代码：
但这不起作用。 

$("table.content_table_fill tr:even").css("background-color", "#F4F4F8");
$("table.content_table_fill tr:odd").css("background-color", "#EFF1F1");

由于某种原因，这不起作用。
请帮忙。

4

2 回答 2

0

如果您必须按照自己的方式行事，则只需单击按钮再次调用它：

$("your_button_clicked_on_the_website").click(function(){
    //adding tr's n stuff
    $("table.content_table_fill tr:even").css("background-color", "#F4F4F8");
    $("table.content_table_fill tr:odd").css("background-color", "#EFF1F1"); 
});
于 2013-09-02T13:56:03.290 回答
-1

理想情况下，您只需要将样式放入 CSS 样式表中，而不是尝试将它们添加为内联样式。然后它们将自动应用于创建的任何新行。

如果由于某种原因您不希望在按下按钮之前对表格进行样式设置，请在表格本身上使用一个额外的类，您将在样式表中引用该类，并且仅由按钮单击事件添加处理程序，例如在您的样式表中输入：

table.content_table_fill.alternated tr:even { background-color: #F4F4F8; }
table.content_table_fill.alternated tr:odd { background-color: #EFF1F1; }

并在您的代码中输入：

$('#mybutton').on('click', function() {
     $('.content_table_fill').addClass('alternated');
});
于 2013-09-02T13:51:56.240 回答