Javascript 单击按钮将活动类添加到引导选项卡

我有

一个按钮

和

引导选项卡

单击按钮，希望将活动类添加到第一个选项卡元素

我正在动态生成所有选项卡元素，只想在单击按钮时激活第一个选项卡元素。 我的按钮

 <ul class="nav nav-tabs">
                            <li><a href="#divArea1" data-toggle="tab">div1<i class="fa"></i></a></li>
                            <li><a href="#divArea2" data-toggle="tab">div2 <i class="fa"></i></a></li>
                        </ul>

这里有一个按钮，单击该按钮，您将看到第一个选项卡，其中class

处于活动状态

：

HTML:

试试这个：

$('#MyButton').click(function() {
 $('.nav-tabs a:first').tab('show');
});

$(document).ready(function () {
    $('.clickme').click(function () {
        $('.nav-tabs li:first').addClass('active');
    });
});

$('#MyButton').click(function() {
 $('.nav-tabs a:first').tab('show');
});