jQuery - 无法获取附加元素的属性

Question

我正在尝试获取已附加到 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)
}

Answer 2

你可以在函数参数中传递'this'，在函数定义中你会得到整个输入标签

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

function myFunction(e){
$(e).attr('id')
}