動態給表格TD 添加單擊事件

需求:項目中對原有的JQ框架表格功能要進行完善 實現 單元格單擊編輯

思路:JS中遍歷生成好的表格 動態給TD 添加單擊事件.

問題:遍歷添加時,給TD 加樣式 加屬性都可以 但是如果要加單擊事件 死活加不上去.

//文本控件模版
var textTemp = "<input type=\"text\" value={0} />";
var RawData; //原始數據
    //js控制列 可修改
$("tr", $.pdialog.getCurrent()).each(function () {
    var TR = this;
    //排除表頭
    if ($(TR).parent()[0].nodeName != "THEAD") {
        var index = 0;
        $(TR).find("td").each(function () {
            var TD = this;
            //具體列
            if (index == 2 || index == 4 || index == 5) {
                $(TD).css("cursor", "pointer");
                //$(TD).click(function(){ alert(1); });
                $(TD).attr("onclick", "javascript:TdEdit(this);");
            }
            index++;

        });
    }

});

function TdEdit(TD) {
    debugger;
    //取出原先單元格中的值
    RawData = trim($(TD).find("div").html());
    //給單元格添加一個文本控件
    $(TD).find("div").html("");
    $(TD).find("div").html(textTemp.format(str));
    //光標設置焦點
    $(TD).find("input").foucs();

    $(TD).find("input").val(RawData);
    //添加失去焦點事件 刪除文aaaaa本框 修改td下div內容
}
   

 

解決方法:機智的我 直接給TD.attr("onclick","javascript:TdEdit();"); 希望有更好的方法 后面再完善