如何獲取在JavaScript中動態創建的Button（onClick）的ID

Question

如何獲取通過使用以下JS創建的按鈕的ID。 我想將Button的ID設置為標簽的文本。

function addnewsubj(){
var a = $("#subjname").val();

if(a!==""  ){
    $('.techsubj').append(
    '<div class="row sub'+ a +'" id="sub'+ a +'">'+
        '<div class="col-xs-6 col-md-4">'+
            '<a href="#fourth" id="'+ a +'" class="btn btn-info" >'+ a +'</a>'+
        '</div>'+
        '<div class="col-xs-12 col-sm-6 col-md-8">'+
            '<div class="progress">'+
                '<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">'+
                    '<span class="sr-only">60% Complete (warning)</span>'+
                '</div>'+
            '</div>'+
        '</div>'+
    '</div>'
    );
}
else{
    alert("Text Box is empty");
}}

HTML

<label id="subjTitle">  </label>

Answer 1

您在任何地方都沒有按鈕。 如果您指的是樣式為按鈕的錨元素，

$('subjTitle').text($('.techsubj .btn').attr('id'))

或者，您始終可以使用ID顯式地創建它，或者最重要的是，您可以將內容創建為DOM層次結構而不是HTML源，而只需保留對“ button”對象的引用即可。

Answer 2

對動態事件使用jquery'on'方法。 使用此代碼：

$(document).on('click','.btn-info', function(){
  $('#subjTitle').text($(this).attr('id'));
});

如果您使用的jQuery版本低於1.7，則可以對動態元素使用“實時”或“委托”。

Answer 3

這是一個小例子：

HTML：

  <div id='th'></div>

jQuery的：

  $('#th').append('<div id="rock">this is Dynamo</div>');

  alert($($('#th').children('div')[0]).attr('id'));

希望對您有幫助！