動的に挿入されたHTML要素を選択してシンプルなCSSルールを変更する

Question

私は現在、表のセルを「チェック」できるコードを持っていますが、私が動的に作成するコードはこれには適用されません。

$("td").click(function(){ 
     $(this).toggleClass("active"); 
    }); 

このコードは、静的な要素のための素晴らしい作品が、私は一つの要素...作成するとき：

$("#boton").click(function(){ 
    var object = { 
     name : $("#nombre").val(), 
     dni : $("#dni").val(), 
     telefono : $("#telefono").val() 
    }; 

    if(count<5){ 
     count++; 
     $("#tabla").append("<tr><td>"+object.name+"</td><td>"+object.dni+"</td><td>"+object.telefono+"</td>"); 
    }else{ 
     $("#boton").hide(); 
     alert("You added too much elements!"); 

    } 

を...その要素は選択できません。イベントはそれのために起動しません。これをどうやって変更できますか？あなたは、あなたの関数のTE最初の行を変更する必要が

$("body").on("click","td",function(){ 
    $(this).toggleClass("active"); 
}); 

Answer 1

：

$("body").on("click","td",function(){ 

Answer 2

：あなたは存在しない要素（例えば、本体）にdelegate the eventに必要な現在のと将来インスタンスのクリックを検出するために