沒有實際事件的JavaScript事件代理？

Question

希望我的標題不要太混亂。請讓我知道是否有更好的方式來標題我的問題。
我有jQuery函數將背景顏色應用於表格中的奇數行，並將懸停狀態更改爲紅色。但是，如果我動態編輯表，我的jQuery不再工作。
我讀了很多關於JS事件委派，但沒有找到有關如何使這項工作的任何信息，而無需實際發生的事件......

$(document).ready(function(){ 
    //add background-color to all odd rows 
    //very important!!! 
    $("#tab3 tbody tr:odd").css("background-color", "#DCF1FD"); 
    //change color on hover 
    //less important!!!  
    $("#tab3 tbody tr").hover(
     function() { 
     $(this).css("color", "red"); 
     }, 
     function() { 
     $(this).css("color", "#000"); 
     } 
    ); 
}); 

有沒有辦法讓我以後編輯表它的工作。

編輯：
這必須在IE8工作

Answer 1

使用桌子上的jQuery delegate，如果你因爲事件被連接到桌上，而不是各行其動態更新表中的行會甚至工作。

$(document).ready(function(){ 
    $("#tab3 tbody tr:odd").css("background-color", "#DCF1FD"); 


    $("#tab3").delegate('tbody tr', 'hover', function(){ 
     $(this).css("color", "red"); 
     }, 
     function() { 
     $(this).css("color", "#000"); 
    }); 
}); 

如果要更新整個表動態然後用這個

$(document).delegate('#tab3 tbody tr', 'hover', function(){ 
     $(this).css("color", "red"); 
     }, 
     function() { 
     $(this).css("color", "#000"); 
}); 

您可以設置奇數行的背景顏色與簡單的CSS

#tab3 tbody tr:nth-child(odd) 
{ 
    background: #DCF1FD; 
} 

Answer 2

...或者你可以只需使用CSS爲偶數行，奇數行和懸停狀態定義背景。 Se this question的第一個答案。 （編輯：固定鏈接，它指向錯誤的SO線程）。