javascript - jQuery - 无法获取 append 元素的属性

Question

我正在尝试获取已 append 到 HTML 中的元素的 ID 属性。然而，我得到的只是“未定义”。我该如何解决这个问题？

jQuery('form#formular').append('<input id="upload_image_button" type="button" class="button" value="Upload" onclick="myFunction();" />');

function myFunction (){
    alert(jQuery(this).attr("id"));
}

Answer 1

$('body').find('input[class="button"]').attr('id')

或者尝试将 id 作为函数的参数传递

...append('<input id="upload_image_button" type="button" class="button" value="Upload" onclick="myFunction(this.id);" />');

function myFunction(id){
 alert(id)
}