Получите идентификатор элемента при нажатии кнопки с помощью jquery

Question

У меня есть список динамически сгенерированных кнопок и идентификатор генерируется во время выполнения. как можно получить идентификатор нажатой кнопки, используя JQuery.

Вот 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

Для примера это будет выглядеть так:

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

Обратите внимание, что вы не можете закодировать код, который у вас есть, ID должны быть уникальными, вы получите всевозможные побочные эффекты, если это не так, поскольку это неверный HTML. Если вы хотите, обработчик щелчка для любого входного сигнала, изменить селектор, например:

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

Answer 2

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

EDIT после выложили код:

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

Answer 3

Вы должны добавить событие щелчка кнопки после того, как документ будет готов (Loaded):

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