Basit bir CSS kuralını değiştirmek için dinamik olarak eklenen HTML öğelerini seçme

Question

Şu anda, tablo hücrelerini "kontrol etmeme" olanak veren bir kodum var, ancak dinamik olarak oluşturduğum kodlar buna uygulanmıyor.

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

Bu kod statik elemanlar için çok çalışır, ama bir eleman ... oluştururken:

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

    } 

... bu eleman seçilemez. Etkinlik bunun için ateş etmiyor. Bunu nasıl değiştirebilirim? Eğer fonksiyonun te ilk satırı değiştirmeniz gerekir

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

Answer 1

:

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

Answer 2

: Eğer mevcut etmeyen bir eleman (örneğin vücut) delegate the event gereken akım ve gelecekteki durumlarda tıklamaları tespit etmek için