javascript - 为使用 jquery 动态创建的按钮分配类或 id

Question

我正在动态创建几个按钮。我试图将每个分配给不同的类或 ID，因此当单击它时，它将有不同的输出。如何在每个类或 ID 名称的末尾添加一个值，以便为每个按钮提供唯一的类或 ID 名称？这是我的代码

socket.on('usernames', function(data){
    var $contentWrap = $("#contentWrap").empty();
    for(i=0; i <data.length; i++){
        $input = $('<input type="button" style="width:200px" class= "button"/></br>');
        $input.val(data[i]);
        $input.appendTo($("#contentWrap"));
    }
}); 

我可以为我创建的所有按钮创建一个点击事件吗？到目前为止，我创建了一个点击事件，但它仅适用于第一个按钮。这是我的代码

$(document.body).on('click','.button', function(e) { 
    console.log($('.button').val());
});

Answer 1

使用$(this).val()而不是$('.button').val()。 this 将引用单击的按钮。

$(document.body).on('click','.button', function(e) { 
    console.log($(this).val());
});