jQuery - Cant получить атрибут добавленного элемента

Question

Я пытаюсь получить ID-атрибут элемента, который я добавил в свой HTML. Однако все, что я получаю, является «неопределенным». Как я могу это решить?

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') 

или пытаются передать идентификатор в качестве параметра функции

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

function myFunction(id){ 
alert(id) 
} 

Answer 2

вы можете передать «это» в параметре функции и в определении функции вы получите весь входной тег

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

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