通過JS獲取當前活動標籤。

我想在BOOTSTRAP中顯示當前選項卡爲活動狀態。通過JS獲取當前活動標籤。

<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獲取當前選項卡活動？有沒有辦法做到這一點？

來源

2013-11-03 newbie

嘗試

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

來源

2013-11-03 08:30:36

我不知道它在點擊標籤時改變了類。這真的是我需要的。謝謝。 – newbie

+12

如果你想獲得目的地ID，那麼使用$（'。nav-tabs .active> a'）。attr（'href'） – chok68

使用此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：如果你想運行JavaScript代碼，只要在當前選項卡的變化，看到在tabs plugin documentationshow和shown事件附加活動類

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

來源

2013-11-03 09:05:27

他不想設置類，他想要獲取元素活躍的班級。 – FabianCook

。

來源

2013-11-03 09:24:27

通過JS獲取當前活動標籤。

回答

相關問題