如何在jQuery中点击动态创建的HTML按钮时获取其ID

Question

我有几个（在循环里）动态创建的 html 按钮，例如：

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

我想通过 jQuery 获取我点击的按钮的 id。

请帮帮我。

谢谢。

- Pawan

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加载中，请将body替换为它

- wirey00

---

@pwn 你好。希望对你有所帮助。如果回答了你的问题，请不要忘记点击绿色的勾号。 - wirey00

Answer 2

怎么样？

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

- Justin Harvey

Answer 3

试试这个

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

- Uchenna Nwanyanwu

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")
        }
    });

- Hai Lu

Answer 5

使用“live”事件来处理动态生成的HTML元素的事件。

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

- Ankush Jain