Получение одинакового идентификатора для всех динамически сгенерированных кнопок

Question

Я создал список динамической кнопки в соответствии с элементами DropDown в JQuery и назначил им идентификатор и значения в соответствии с раскрывающимися элементами, Мне нужно получить идентификатор кнопок при нажатии кнопки.

Я попытался это ..но это не работает ..

--- populating Dropdown and and creates button 

       success: function (data) { 
        $.each(data.d, function (key, value) { 
         $("#ddlLecturer").append($("<option></option>").val(value.LecturerId).html(value.LecturerName)); 
         var r = '<input class="btns" type="button" id="'+value.LecturerId+'"+ value="' + value.LecturerName + '"/>'; 
         $("#btn_list").append(r); 
        }); 
       }, 

       error: function (result) { 
        alert("Error"); 
       } 
      }); 

это HTML кнопки генерируется

<div id="btn_list"><input type="button" value="None" +="" id="1" class="btns"><input type="button" value="Prof1_4" +="" id="24" class="btns"></div> 

2 кнопки имеют идентификаторами 1 и 24

- ---- Линия кнопки

$(document).on('click', '.btns', function() { 

        var x = $('.btns').attr('id'); --this is not returning values 

      }); 

Answer 1

изменение $('.btns') с щелкнул элементом $(this) попробовать это: -

$(document).on('click', '.btns', function() { 
     var x = $(this).attr('id'); 
});