获得相同的ID来进行动态生成按钮

Question

我根据jQuery的下拉项创建动态按钮的列表，并将它们分配的ID和值作为每个下拉项， 我需要按钮的ID上按一下按钮。

我曾经尝试这样做..但是这是不工作..

--- 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按钮具有ID的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'); 
});