Question

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

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

由于某些原因，这不起作用请帮助。

Answer 1

如果你必须按照自己的方式进行，那么只需点击按钮再次调用它：

$("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"); 
});

Answer 2

理想情况下，您只需将样式放入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');
});

jquery中尚未存在的表的备用tr颜色

2 个答案: