JS作成要素のID /名前を取得

Question

私はcloneコマンドを使って新しいHTML要素を動的に作成しています。コードはすべての子を持つ新しい親を作成し、各子は新しい名前とid（現在の名前/ id +1）を取得します。これは、フォームを投稿するときに、新しい正しい名前が表示されるため、うまくいきます。

この中で、入力=ファイルボタンがカスタマイズされるように、画像を使用して入力=ファイルからのクリックをリダイレクトします。しかし、現在、画像のいずれかをクリックすると、同じ元のファイル=アップロードが呼び出されます。

私はファイルのID /名前を知る必要があります=アップロード - それはオリジナルかクローンかにかかわらず、クローンがクリックされても元の名前しか得られないようです。ここで

はフィドルです： https://jsfiddle.net/msith718/xfuv79b3/71/

$(document).on('click', '.uploadBtn', function(){ 
    alert(this.id); 
    }); 

新しいクローンを作成するには、+をクリックして、画像1がクリックされたの名前/ IDを取得しようとします。それはいつも同じ名前であるようです。

ありがとうございました。

Answer 1

親が変更IDを使用する場合は、アラートをこのアラートに置き換えてください。

alert($(this).closest('.fingers').attr('id')); 

Answer 2

あなたのID作成コードが間違っているためです。

あなたはthis.idがimgButtonあるので、それは数で終わることを期待として正規表現は、それと一致しないため、if内部コードは、ボタンのために実行されることはありません

var regex = /^(.+?)(\d+)$/i; 
var id = this.id || ""; 
var match = id.match(regex) || []; 
if (match.length == 3) { 
    //snipped code 
} 

を行います。

最も簡単な解決策は、最初のボタンのidの末尾に0を追加して、imgButton0にすることです。その後、あなたのコードは実行されます。

https://jsfiddle.net/xfuv79b3/76/