Определение id элемента по которому кликнули

[advokatua]

Есть вот такой блок с выбором файлов:

 

 

В данном случае имеем стандартный input с выбором файла, которому поставлен "opacity: 0" и "z-index:9999", а под него засунута своя стилизованная кнопка, 3 из которых мы видим на картинке.

 

Все это работает так:

- изначально есть только одно поле выбора файла. Мы клацаем по кнопке "Выберите файл..." и наша надпись на кнопке соответственно заменяется именем выбранного файла

- затем, если нам надо добавить еще один файл, мы клацаем на кнопку "+" и снизу добавляется еще одно поле (подобно первому скрину с 3-мя полями). Каждое новое поле имеет свой id вида "#fln№" (первое поле #fln1, второе #fln2 и т.д.) и одинаковый класс ".uplFileFl" 

 

 

Проблема такая:

Название выбранного файла удачно цепляется только на первой кнопке, а после добавления новых полей событие уже не срабатывает. Прошу подсказать как правильно повесить события на клик, чтобы во второй или третьей кнопке точно определить id и через него уже провести необходимые манипуляции.

Другими словами, мы клацаем на кнопку и нам надо определить ее id.

var wrap = $(".ffile_upl"),             /* общая обертка, оборачивающая все поля */  inp = $("input.uplFileFl"),          /* инпут выбора файла (по стилям он скрыт) */  lbl = $("input.uplFileFl + span"),  /* видимая кнопка, которая идет сразу же за инпутом выбора файла */  iplus = $("#iplus");               /* кнопка добавления нового поля */inp.bind('click', function(){  ...  console.log( inp.attr('id') );  /* не срабатывает вывод id на добавляемых кнопках, только на первой*/			});/*—попытка узнать выбранное имя файла и сохранить его на видимой кнопке */var file_api = ( window.File && window.FileReader && window.FileList && window.Blob ) ? true : false; inp.change(function(){   var file_name;   if( file_api && inp[ 0 ].files[ 0 ] )       file_name = inp[ 0 ].files[ 0 ].name;   else       file_name = inp.val().replace( "C:\\somepath\\", '' );    if( ! file_name.length )       return;    lbl.addClass('no-default-text');   lbl.text( file_name ); }).change();

Edited March 5, 2015 by advokatua

[Aleksandr.L]

console.log( $(this).attr('id') );

http://jsfiddle.net/n7hvcsg3/

[advokatua]

не совсем оно.
Дописал как должно быть
http://jsfiddle.net/n7hvcsg3/4/
По плюсику нажимаем, а затем на "выбрать файл", и в консоли ни черта не появляется 8(

Получается, что если JS сам создает код, то потом этот код какой-то недоступный что-ли, не могу понять.

upd.
Бинго. Надо оказывается все делать через "on", вот таким образом

http://jsfiddle.net/n7hvcsg3/5/

Edited March 5, 2015 by advokatua