從動態添加的按鈕觸發事件

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); 
});});