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

Question

我有one button和bootstrap tab。

  

单击按钮想要将类激活添加到第一个制表符元素。

我正在动态生成所有标签元素，并希望仅在按钮点击时激活第一个标签元素。     myButton的

 <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>

Answer 1

以下是JSFiddle，点击按钮，您会看到第一个带有课程active的标签：

HTML：

<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>

<button class="btn btn-default clickme">Click</button>

JS：

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

Answer 2

试试这个：

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