如何获取在javascript中动态创建的按钮（onClick）的ID

如何获取使用以下JS创建的按钮的ID。我想打开按钮的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");
}}

函数addnewsubj（）{
var a=$（“#subname”）.val（）；
如果（a！==“”）{
$（'.techsubc'）。追加(
''+
''+
''+
''+
''+
''+
''+
“60%完成（警告）”+
''+
''+
''+
''
);
}
否则{
警报（“文本框为空”）；
}}

HTML

---

您的任何地方都没有按钮。如果您是指样式为按钮的锚元素

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

---

或者，您可以始终使用ID显式创建它，或者最重要的是，您可以将内容创建为DOM层次结构而不是HTML源，并且只保留对“button”对象的引用。

使用jquery“on”方法处理动态事件。使用此代码：

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

---

如果您使用的是低于1.7版的jquery，则可以对动态元素使用“live”或“delegate”。

以下是一个小示例：

HTML:

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

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

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

Jquery:

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

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

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

$（'th'）.append（'this is Dynamo'）；
警报（$（$（'th'）.children（'div'）[0]）.attr（'id'））；

愿它能帮助你