我的addClass（）事件处理程序无法正常工作

Question

$(document).ready(function() {
    $(".table tr:odd".addClass("highlight");
    // .....
}

我有4个表行的HTML和CSS中应该更改奇数行颜色的类。提前谢谢。

Answer 1

简单的拼写错误。忘记括号

$(document).ready(function() {
    $(".table tr:odd").addClass("highlight")

                     ^
                     |

我当然假设您的示例被截断，因为您没有关闭DOM就绪处理程序。

较短的版本是：

$(function() {
    $(".table tr:odd").addClass("highlight")
});

这两个示例均假设您的HTML在table 元素上有table 类：

e.g。

<table class="table">
  <tr></tr>
  ...
  <tr></tr>
</table>

Answer 2

如果你有像这样的HTML，那么，

<table>
  <tr></tr>
  <tr></tr>
  <tr></tr>
</table>

试试这个，

$(document).ready(function() {
  $("table tr:odd").addClass("highlight");
});

Answer 3

@ Jeffrey Kola Abodunde 您提供的代码示例有拼写错误。

jquery语法sumamry

jquery object = $

需要应用效果的元素= $（“。table tr：odd”）

要应用的效果：addClass

因此您的代码变为：

$(document).ready(function() {
    $(".table tr:odd").addClass("highlight")
});

你在addClass方法之前缺少结束括号。

Answer 4

如果你正确理解你的问题：

$(document).ready(function() {
    $(".table tr:odd").addClass("highlight")
}

应该是：

$(document).ready(function() {
    $(".table tr:odd").addClass("highlight");
});

但我想你想引用这个元素 你现在指的是表类，它可能不存在。

所以它会变成：

$(document).ready(function() {
    $("table tr:odd").addClass("highlight");
});

虽然如果您的页面中有更多表格，您将定位所有表格。 我建议为该特定表提供一个id，所以你只会定位该表

$(document).ready(function() {
    $("table#tableid tr:odd").addClass("highlight");
});

希望这有助于goodluck