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 定义偶数行、奇数行和悬停状态的背景。请参阅此问题的第一个答案。
（编辑：固定链接，它指向错误的SO线程）。