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

または

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

function myFunction(id){ 
alert(id) 
} 

Answer 2

関数のパラメータとしてIDを渡すためにしようと、あなたは、関数のパラメータで、あなたが全体のinputタグを取得する関数定義で「これ」を渡すことができます

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

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