jQuery if語句查找元素ID

Question

我有一組選項卡，其中隱藏的內容會在點擊該選項卡時顯示。 jQuery的是這樣的：

jQuery(document).ready(function($){ 
var sections = $('.section').hide(); 

$('.tablink').click(function(e){ 
     e.preventDefault(); 
     sections.hide(); 
     $($(this).attr('href')).show(); 
     $(this).closest('ul').find('li').removeClass('active'); 
     $(this).closest('li').addClass('active'); 
}); 

var tab = getParameterByName('tab'); 
if(tab) 
    $('.tablink:eq('+(tab-1)+')').click(); 
else 
    $('#section1').show(); //show first section 
}); 

的HTML看起來像這樣：

<li id="tab1" class="active"><a class="tablink" href="#section1">Link1</a></li> 
    <li id="tab2"><a class="tablink" href="#section2">Link2</a></li> 
    <li id="tab3"><a class="tablink" href="#section3">Link3</a></li> 

我試圖找出如何附加功能添加到選項卡中單擊，上面寫着：

如果＃tab2有類.active然後做X.

這似乎很直接，但我不明白。想法？

Answer 1

可以使用.length看到選擇多少個元素髮現這樣做：

if($('#tab2.active').length === 1) { 
    //do something, it has the class 
} 

Answer 2

如果＃TAB2有類。主動然後做 X.

你這意味着：

if ($('#tab2').hasClass('active')){ 
    // your code.. 
} 

Answer 3

除了解決方案提供離子，你可以這樣做：

if ($('#tab2').is('.active')){ 
    // it was .active 
} 

不一樣快.length，但很容易閱讀和理解。