table 通过 append 动态追加的 tr，点击事件与修改样式

首先。问题在

通过 $('#table1').append(
                       "<tr class=\"tr_backcolor\"  id=\""+datas.F_BKDH+"\" align=\"left\"  style=\"height: 35px;\">"+
                          "<td class=\"td_content td_align_center\" style=\"background-color:#5BD861 ;\">"+num+"</td>"+
                          "<td class=\"td_content\">"+datas.F_BKDH+"</td>"+
                          "<td class=\"td_content td_align_right\">"+datas.F_WCJE+"</td>"+
                          "<td class=\"td_content\">"+datas.F_WCRQ+"</td>"+
                          "<td class=\"td_content\">"+datas.F_WCSJ+"</td>"+
                          "<td class=\"td_content\">"+datas.F_WCRXM+"</td>"+
                       "</tr>");

table1 位为要追加的 table 的id 

这样的话，如果想要获取某行必须要在tr 中添加  onclick事件。但是如果想要动态的为tr 追加样式没法进行、

所以 采用下边的方法，

$("#table1 tr").live("click", function() {
        document.getElementById("oddNum").value = this.id;
        $(this).addClass("backcolor").siblings("tr").removeClass("backcolor");
        $(this).siblings("tr").find("td").removeClass("backcolor_font");
        $(this).find("td").addClass("backcolor_font");
    });

这个live 很重要、如果没有类似下边的

$("#table1 tr").click(
        document.getElementById("oddNum").value = this.id;
        $(this).addClass("backcolor").siblings("tr").removeClass("backcolor");
        $(this).siblings("tr").find("td").removeClass("backcolor_font");
        $(this).find("td").addClass("backcolor_font");
    );

这样的话，问题就解决不了了