动态添加表格到表格行使用jQuery

Question

我想知道一个很好的方式来添加表单到动态创建的jQuery表格。我以下面的方式添加了一个表单，但是当我按下按钮时，函数不会被调用！

我是jquery的新手，所以我认为应该有更好的方式来创建表。

$("#aggiornaButton").click(function() { 
    //alert('button clicked'); 
    $.ajax({ 
     url: 'Servizi/selectAllCoseDaFare.php', 
     data: "", 

     dataType: 'json', 
     success: function (data) { 
      $("#coseDaFareBody").empty(); 

      var formElimina = "<form action='' method='post' name ='eliminaForm' id='eliminaElementoSingolo' class='eliminaForm'>" 
        + "<fieldset>" 
        + "<input type='hidden' name='codID' id='codID' value='166'/>" 
        + "<button id='eliminaButtonSingolo' class='eliminaButtonSingolo'>elimina</button>" 
        + "</fieldset>" 
        + "</form>"; 

      $.each(data.risultati, function (idx, obj) { 
       if (idx % 2 === 0) { 
        var classe = "<tr><td>" 
       } else { 
        var classe = "<tr class='miostile-odd'><td>" 
       } 
       $("#coseDaFareBody").append(
         classe + obj.id + 
         "</td><td>" + (obj.dataInserimento || "") + 
         "</td><td>" + (obj.descrizione || "") + 
         "</td><td>" + (obj.dataScadenza || "") + 
         "</td><td>" + (obj.isUrgente || "") + 
         "</td><td>" + (obj.inseritoDa || "") + 
         "</td><td>" + (obj.assegnatoA || "") + 
         "</td><td>" + (obj.fattoDa || "") + 
         "</td><td>" + (obj.isCompletato || "") + 
         "</td><td>" + (obj.dataEsecuzione || "") + 
         "</td><td>" + formElimina + 
         "</td></tr>" 
       ); 
      }); 

功能是：

$('.eliminaForm').submit(function (event) { 
    var $form = $(this); 
    var id = $('#codID', $form).val(); 
    alert("prova prova prova."); 
}); 

谢谢。

Answer 1

使用事件代表团为新创建的DOM元素

$(document).on("submit" , '.eliminaForm' , function(event) { 
var $form = $(this); 
var id = $('#codID', $form).val(); 
alert("prova prova prova."); 
});