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

你可以通过这个＆＃39;在函数参数和函数定义中，您将获得整个输入标记

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

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