jquery - JS を介して現在アクティブなタブを取得します。

Question

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 を使用して現在のタブをアクティブにするにはどうすればよいですか? これを行う方法はありますか？

Answer 1

試す

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

Answer 2

現在のタブが変更されるたびに JavaScript コードを実行する場合は、タブ プラグイン ドキュメントshowのおよびshownイベント を参照してください。

Answer 3

この 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:Attach Active class を使用して

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