如何在jquery中點擊動態創建的html按鈕的id

Question

我有幾個（內部循環） dynamically創建的html buttons如：

sb.Append("<input type=\"button\"  name=\"deleteimage" + id 
              + " \" id=\"btndelete" + id 
              + "\" value=\"Delete\" class=\"t-button t-grid-delete\" " 
              + " style=\"margin-left:10px;\" />");

我想得到我click使用jquery的button的id

幫我

謝謝

Answer 1

委托使用.on（） （jQuery 1.7+）或.delegate（） （jQuery 1.6及更低版本）

$('body').on('click','input[type=button]',function(){
     alert(this.id); // <-- this refers to current clicked input button
});

要么

$('body').delegate('input[type=button]','click',function(){
     alert(this.id);
});

或者無論你的sb元素是什么替換身體，因為它存在於dom負載

Answer 2

怎么樣

$('input:button').click(function(){
    alert('Clicked ' + this.id);

Answer 3

試試這個

$("input[type=button]").click(function()
{
    alert(this.id);
});

Answer 4

您可以嘗試以下方法：

$(document).click(function(event) { 
        var target = event.target;      
        if ($(target).hasClass("t-grid-delete")) { // check if element has class t-grid-delete is your button
            var targetId =  $(target).attr("id");
            // set your image id with attribute like image_id
            // it take easy to get image id $(target).attr("image_id")
        }
    });

Answer 5

對動態生成的html元素事件使用'live'事件

$("input[type=button]").live('click',function()
{
    alert(this.id);
});