Aus der dynamisch hinzugefügten Schaltfläche ein Ereignis auslösen

Question

Ich stehe vor einem Problem, wenn ich ein Ereignis über die dynamisch hinzugefügte Schaltfläche auslösen möchte.

<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" /> 

Hier ist der HTML Ich verwende ...

$("#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>"); 
    } 
    }); 

Dies ist das Skript Zeilen dynamisch hinzuzufügen.

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

Dies ist das Ereignis, das ich auslösen möchte, wenn ich auf den Update Button klicke. Aber es wird nicht ausgelöst, Kann mir bitte jemand helfen, dies zu beheben, wird es hilfreich sein. Danke.

Answer 1

Dank für Ihre Hilfe danken ...

Ich habe eine Lösung ... Und jetzt ist das Problem behoben.

Das Skript, das wir verwenden müssen, ist

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

Dies wird das Problem zu beheben.

Answer 2

versuchen diese

$("#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); 
});});