javascript - 单击按钮将事件类添加到 Bootstrap 选项卡

Question

我有一个按钮和 Bootstrap 选项卡。

on click of button want to add class active to first tab element.

我正在动态生成所有选项卡元素，并且希望在单击按钮时仅激活第一个选项卡元素。 我的按钮

 <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');
    });
});