jquery - jQuery addClass不起作用

我正在尝试使用addClass在我的Joomla模板上给我斑马条纹的表。我正在使用以下代码:

 <script>
  jQuery(function($) {
    $("tr:odd").addClass("odd");
  });
</script>

我已经能够使用tr:odd选择器将css动态添加到表行中，但是当我使用addClass函数时，它并没有(我检查了生成的源代码，并且表行都没有类“odd”) 。

不知道我可能做错了什么，不胜感激。

最佳答案

众所周知，查看源代码时不会反射(reflect)对Javascript进行的DOM更改。

如果您的CSS看起来像这样，那么该代码应该可以工作...

tr.odd td
{
    background:#070;
}