Javascript 动态创建按钮后，无法将活动类分配给按钮

我使用bootstrap创建了一个按钮选项卡。我使用循环动态创建了它们

<ul class="nav nav-tabs" style="border-bottom:0px">
   <li class="active">
      <a data-toggle="tab" class="mybtn" id=' + mapport.selected_feature_layer[i] + '>' + layer_names[i] + '</a>
   </li>
</ul>

---

您需要以不同的方式定义click函数，以使其适用于动态添加的元素

$（document）.on（“click”，“.mybtn”，function（））{
//self.click（$（this.attr（'id'））；
$（'.active'）.removeClass（'active'））
$（this.addClass（'active'）；
});
.active{背景色：蓝色；}

abc
abc
什么是
自我。单击（$（this）.attr（'id'）也包括在OP@guradio单击是一个函数，我正在将当前按下按钮的Id传递给该函数。Self在全局使用此函数时被使用。我编辑了代码段以包含活动元素的颜色，并添加了另一个
元素。在我的代码中，
处于活动状态，因为这是您单击的内容。此外，self.click被停用。在此之前，我已经完成了。我在问题中提到“当我使用”self.click（$（this.attr（'id'））；“然后问题就出现了。如果不使用它，它就可以正常工作。如果我可以在同一个函数或任何其他解决方案中同时使用（函数调用和活动类），我需要解决方案。谢谢，我是从两个函数调用的，这就是为什么会发生覆盖。
 $(".mybtn").click(function(){
    self.click($(this).attr('id'));
    $('.active').removeClass('active')
    $(this).addClass('active'); 
});