Javascript 动态表行未绑定

这是我用来附加表行的代码，其中personTabs是iframe名称

$(".addClass1").on('click',function() {
           parent.parent.parent.personTabs.$("#skilltableId").append(                        
                  '<tr id="skilltableId1"><td class="btnRemoving">'+$("#selecetedValue").val()+'</td><td class="editing">'+$("#type").val()+'</td><td style="display:none">'+$("#commonDbid").val()+'</td></tr><br>'                    
        );  

$（.addClass1”）。在（'click'，function（）上{
parent.parent.parent.personTabs.$（“#skilltableId”）.append（
'+$（“#选择值”）.val（）++'+$（“#类型”）.val（）++'+$（“#commonDbid”）.val（）++'
'
);  

当我单击td class='editing'时，我将生成一个文本框，如下所示

 parent.parent.parent.personTabs.$(".editing").on('click',function() {
                    var data = $(this).text();
                     $(this).html("<input type='text' id='focus123' value='"+data+"'/>").children().focus();
                      });

parent.parent.parent.personTabs.$（“.editing”）.on（'click'，function（））{
var data=$（this.text（）；
$（this.html（“”.children（）.focus（）；
});

---

我第一次一切都很好..表行被追加很好..当我第二次执行相同的追加操作时，表行被生成。onclick只对最后生成的行起作用..但对上一行不起作用..为什么会这样..这里的任何人都可以告诉我..我尝试了实时委托方法..但没有起作用..我正在使用jquery-1.9.1.js

我认为一个问题是您创建了一个具有相同id的文本框。 我不知道你为什么用parent.parent.parent

 $(".addClass1").on('click',function() {
           $("#skilltableId").append(                        
                  '<tr id="skilltableId1"><td class="btnRemoving">'+$("#selecetedValue").val()+'</td><td class="editing">'+$("#type").val()+'</td><td style="display:none">'+$("#commonDbid").val()+'</td></tr><br>'                    
        ); 

$(".editing").on('click',function() {
                var data = $(this).text();
                 $(this).html("<input type='text' class='focus123' value='"+data+"'/>").children().focus();
                  });

$（.addClass1”）。在（'click'，function（）上{
$（“#skilltableId”）。附加（
'+$（“#选择值”）.val（）++'+$（“#类型”）.val（）++'+$（“#commonDbid”）.val（）++'
'
); 
$（“.editing”）。在（'click'，function（）上{
var data=$（this.text（）；
$（this.html（“”.children（）.focus（）；
});

我不确定它是否有效，但您也可以使用这个javascript函数

$(".addClass1").on('click', function () {
    $("#skilltableId").append('<tr id="skilltableId1"><td class="btnRemoving">' + $("#selecetedValue").val() + '</td><td class="editing" on click="myfunction(this)">' + $("#type").val() + '</td><td style="display:none">' + $("#commonDbid").val() + '</td></tr><br>');

    function myfunction(selectedTd) {
        var data = $(selectedTd).text();
        $(selectedTd).html("<input type='text' class='focus123' value='" + data + "'/>").children().focus();

    }
});

$（.addClass1”）。在（'click'，函数（）{
$（“#skilltableId”）.append（“”+$（“#selectedValue”）.val（）+“”+$（“#type”）.val（）+“”+$（“#commonDbid”）.val（）+”
”；
函数myfunction（已选择的D）{
变量数据=$（selectedTd）.text（）；
$（selectedTd.html（“”.children（）.focus（）；
}
});

Java不是Javascript您可以附加标记吗？可以创建jsFiddle@Mohammed.ur代码有效..在myfunction中，我正在编写以下代码，以便在第二次单击td时隐藏文本框..$（“#skilltableId1.editing”）.on（'blur'，'#focus123'，function（）{$（this）.parent（）.html（$（this.val（））；}）；td也消失了。但我需要为第二个选定的td创建文本框。如何做？为什么不发送完整的代码，HTML+javascript，我将向您发送完整的解决方案，或者您可以JSFIDLE。pblm是，我无法生成动态创建的文本框的动态id。如何从父页面访问子页面？。我是u在子页面中使用jquery blur我做了一些修改。希望这会很完美。当我们第一次添加动态行时，它显示的文本符合我的逻辑。在第二次中，它显示的文本框，但上一次没有隐藏。。