从动态添加的按钮触发事件

Question

我想要从动态添加的按钮触发事件时遇到问题。

<h1>Image attributes</h1> 
<table id="imtbl" border="1" cellpadding="0" cellspacing="0"> 
    <tr> 
     <th>SOURCE</th> 
     <th>ALT</th> 
     <th>TITLE</th> 
    </tr> 
</table> 
<input type="button" id="imagetg" value="get line" /> 

这里是我使用的HTML ...

$("#imagetg").click(function() { 
    var str = $("#t").val(); 

    alert(str); 


    var srres = str.match(/<img(\"[^\"]*\"|'[^']*'|[^'\">])*>/gi); 
    alert(srres.length); 
    for (i = 0; i < srres.length; i++) { 
     var atim0 = $("" + srres[i]).attr("src"); 
     var atim = $("" + srres[i]).attr("alt"); 
     var atim1 =" "+ $("" + srres[i]).attr("title"); 
     $("#imtbl").append("<tr><td align='center' width='150'>"+atim0+"</td><td align='center' width='150'>"+atim+"</td><td align='center' width='150'>"+atim1+"</td><td><input type='button' value='UPDATE' class='upbtn' id='"+i+"'/></td></tr>"); 
    } 
    }); 

这是脚本动态添加行。

$(".updt").click(function(){ 
     var varid= $(this).attr("id"); 
     alert("Hello"+varid); 
    }); 

这是我想要触发的事件，当我点击更新按钮时。但它没有被触发，有人可以帮助我解决这个问题，这将是有益的。 谢谢。

Answer 1

非常感谢你的帮助......

我得到了一个解决方案......而现在的问题得到解决。

我们需要使用的脚本

$("#imtbl").on('click','.upbtn',function(){ 
      var varid= $(this).attr("id"); 
      alert(varid); 
      }); 

这将解决这个问题。

Answer 2

试试这个

$("#imagetg").click(function() { 
var str = $("#t").val(); 

alert(str); 


var srres = str.match(/<img(\"[^\"]*\"|'[^']*'|[^'\">])*>/gi); 
alert(srres.length); 
for (i = 0; i < srres.length; i++) { 
    var atim0 = $("" + srres[i]).attr("src"); 
    var atim = $("" + srres[i]).attr("alt"); 
    var atim1 =" "+ $("" + srres[i]).attr("title"); 
    $("#imtbl").append("<tr><td align='center' width='150'>"+atim0+"</td><td align='center' width='150'>"+atim+"</td><td align='center' width='150'>"+atim1+"</td><td><input type='button' value='UPDATE' class='upbtn' id='"+i+"'/></td></tr>") 
} 
$(".updt").click(function(){ 
    var varid= $(this).attr("id"); 
    alert("Hello"+varid); 
});});