c# - 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;\" />");

そして、私が使用しているidのを取得したいbuttonclickjquery

助けて

ありがとう

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 をそれに置き換えます

Answer 2

これを試して

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

Answer 3

次のことを試すことができます。

$(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 4

どうですか

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

Answer 5

動的に生成された html 要素のイベントに「ライブ」イベントを使用する

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