獲得相同的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'); 
});