Obtener identificación del elemento en el botón clic usando jquery

Question

tengo una lista de botones generados dinámicamente y el ID se genera en tiempo de ejecución. ¿Cómo se puede obtener la identificación del botón presionado usando JQuery?

Aquí es el código JS

var btn = " <input type='button' id='btnDel' value='Delete' />"; 


$("#metainfo").append(txt); //set value of 

$("#btnDel").attr("id", "btnDel" + $("#hid").attr("value")); 

Answer 1

Para su ejemplo sería la siguiente:

$("#btnDel").click(function() { 
    alert(this.id); 
}); 

Tenga en cuenta que no puedes repetir el código que tienes, ID tiene que ser único, obtendrá todo tipo de efectos secundarios si no lo son, ya que es HTML no válido. Si quieres un controlador de clic para cualquier entrada, cambiar el selector, así:

$("input").click(function() { 
    alert(this.id); 
}); 

Answer 2

$('.generatedButton').click(function() { 
    alert(this.id); 
}); 

Edición después de que envió el código:

var btn = 
    $("<input type='button' value='Delete' />") 
    .attr("id", "btnDel" + $("#hid").val()) 
    .click(function() { 
     alert(this.id); 
    }); 
$("body").append(btn); 

Answer 3

se debe añadir evento click del botón después de que el documento está listo (Cargado):

$(document).ready(function(){ 
    $("#btnDel").click(function() { 
     alert('Button clicked.'); 
    }); 
});