Get Current Active Tab through JS.

Question

I want to display the current tab as active in 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>

I want to get the current tab active through jQuery? Is there a way to do this?

Answer 1

Try

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