ボタンをクリックしたときにFileUploaderから画像を保存するJquery関数

Question

Ajaxコールで<div>（new divと言う）を作成し、既存の<div>（古いdivと言う）に追加しました。

新しいdivには、input [type=file]とボタンがあります。ボタンをクリックして、画像を保存します。私はここでjQuery関数を使用しています。

次のように私の機能は次のとおりです。

function SaveData(evt) { 
    var clientid = evt.id; 
    $('#' + clientid + '').click(function() { 
     var myval = $(this).closest('div.findvalues').find('input.filedata').val(); 
     alert(myval); 
    }); 
} 

しかし、私は2つのエラー取得しています：

1. onclickは、第二クリック（最初に応答がない）から取り組んでいます。
2. このエラーが発生しましたTypeError: evt.closest(...).closest(...) is null

HTML（これはブラウザからhtmlです、その私のAjax呼び出し後に生成）：

<div class="col-md-15 col-sm-3 findvalues"> 
    <input type="hidden" value="../Documents/Raman" id="hdnRaman" name="documentNAME"> 
    <input type="hidden" value="74" id="hdn74" name="documentID"> 
    <input type="file" class="filedata" id="fuRaman" name="file[]"> 
    <input type="button" onclick="SaveData(this)" class="boldfontcss w3-btn uploaddata" value="Upload" text="Upload" id="btnRaman"> 
</div> 

Answer 1

あなたはこのような何かを試してみてもらえますか？

$('.uploaddata').click(function() { 
    var myval = $(this).parent().find('.filedata').val(); 
    alert(myval); 
}); 

ボタンから、私は主なdivラッパーである親を検索してから、私はクラスfiledataを持つファイルを見つけます。