我的addClass（）事件處理程序不工作

Question

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

我有HTML 4個錶行和CSS類應該改變奇數行的顏色。提前致謝。

Answer 1

簡單的錯字。忘記支架

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

        ^
        | 

我當然認爲您的示例被截斷，因爲您不關閉DOM就緒處理程序。

較短的版本是：

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

這兩個例子假設你的HTML有一個table類table元件上：

例如

<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

@傑弗裏·科拉Abodunde 您提供的代碼示例有一個錯字。

jquery的語法sumamry

jquery對象= $

在該效果需要施加= $（ 「表TR：奇」）元件

效果被施加：addClass

因此你的代碼變成：

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

您在addClass方法之前丟失了右括號。

Answer 4

如果u瞭解烏爾正確的問題：

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

應該是：

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

但我想你想引用單元 現在烏爾指的是表類，這可能不存在。

因此，這將成爲：

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

雖然如果u有自己的網頁中多個表，U將針對所有表。 我會建議提供該specifc表ID，所以U將只能定位表

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

希望這有助於好運