जेएस के माध्यम से वर्तमान सक्रिय टैब प्राप्त करें।

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

उपयोग इस जे एस कोड का प्रयास करें।

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

उपयोग सीएसएस: आप जावा स्क्रिप्ट कोड जब भी मौजूदा टैब परिवर्तन, tabs plugin documentation में show और shown घटनाएँ देखने को चलाना चाहते हैं

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

Answer 3

के लिए सक्रिय वर्ग देते हैं।