javascript - 将事件类分配给使用 For 循环创建的 Clicked 按钮

Question

我正在使用 javascript 创建动态按钮。但我无法分配 <li class="active">按钮 onClick。我尝试使用 jquery 分配事件类但到目前为止没有工作。因为我无法应用使用 ID 的事件处理操作使用 javascript 或 jquery 的任何好的解决方案？我尝试了几乎所有关于 Stack overflow 的解决方案，但对我没有用。

for (var i = 0; i <feature_layer.length ; i++) {
<ul class="nav nav-pills"><a data-toggle="pill" class="mybtn"  style="margin:25px;"  id=' + mapport.selected_feature_layer[i] + '>' + layer_names[i] + '</a></li></ul>';
}
$('.mybtn').click(function() {
    var selected_id =$(this).attr('id');

});

Answer 1

由于按钮是动态创建的，您将不得不使用事件委托(delegate)。

$('body').on("click",".myBtn", function(e){
  $(this).addClass("active");
});

下面是代码:

var btn = document.createElement("button");
btn.innerHTML = 'this is a button';
btn.className = 'myBtn';
document.body.appendChild(btn);

$('body').on("click",".myBtn", function(e){
  $(this).addClass("active").text("active");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>