通过 JS 获取当前活动标签。答案

【问题标题】：Get Current Active Tab through JS.通过 JS 获取当前活动标签。
【发布时间】：2013-11-03 17:24:27
【问题描述】：

我想在 BOOTSTRAP 中将当前选项卡显示为活动状态。

<ul class="nav nav-tabs">               
    <!-- Default tab -->
    <li class="active"><a href="#elemLower_tab" data-toggle="tab">Elementary Lower</a></li>
    <li><a href="#elemAdvance_tab" data-toggle="tab">Elementary Advance</a></li>
    <li><a href="#secondary_tab" data-toggle="tab">Secondary</a></li>               
</ul>

我想通过 jQuery 激活当前选项卡吗？有没有办法做到这一点？

【问题讨论】：

标签： jquery html twitter-bootstrap

【解决方案1】：

试试

$('.nav-tabs .active').text()

【讨论】：

我不知道单击选项卡时它会更改类。这真的是我需要的。谢谢。
如果要获取目标id，则使用$('.nav-tabs .active > a').attr('href')

【解决方案2】：

使用这个 JS 代码。

$(function(){
var url = window.location.pathname,
urlRegExp = new RegExp(url.replace(/\/$/,'') + "$");
$('ul.nav-tabs li a').each(function(){
if(urlRegExp.test(this.href.replace(/\/$/,''))){
$(this).addClass('active');
}
});
});

使用 CSS：将 Active 类附加到

ul.nav-tabs a.active{color:#000;}

【讨论】：

他不想设置类，他想获取活动类的元素。

【解决方案3】：

如果您想在当前选项卡更改时运行 JavaScript 代码，请参阅 tabs plugin documentation 中的 show 和 shown 事件。

【讨论】：