2015-04-17 57 views
2

我試圖根據匹配的列表項是否具有活動類來切換是否顯示選項卡。我用if語句和.hasClass嘗試了多種不同的方法,但無法讓它像我所希望的那樣行事!任何幫助將不勝感激。jQuery if element has class do something

這是我努力的一個示例:

$("#indexHero").onClick(function(){ 
    $("#tabNo1.active"){ 
    $("#testID1, #testID2").addClass("hideMe"); 
    $("#testID3").removeClass("hideMe"); 
    } 
}); 
+1

* 「'$( 」#indexHero「).onClick(...'」 *那是什麼?它不是jQuery .... jQuery將會是'.click(...'或'.on(「click」,...'(或者過去的日子,'.bind(「click」,...''' )。 –

+1

你有.hasClass()爲此目的,它將返回一個布爾值。順便說一句,我將''.on('click',function)替換'.onClick(function(){});'' (){});' – kosmos

回答

3

請與length財產或者在jQuery的使用.hasClass()

$("#indexHero").click(function(){ 
if($("#tabNo1.active").length > 0){ 
    $("#testID1, #testID2").addClass("hideMe"); 
    $("#testID3").removeClass("hideMe"); 
} 
}); 

if($("#tabNo1").hasClass("active")){ 

} 
3

使用hasClass()

$("#indexHero").click(function(){ 
     if ($('#tabNo1').hasClass('active')) { 
     $("#testID1, #testID2").addClass("hideMe"); 
     //} else { 
     $("#testID3").removeClass("hideMe"); 
     } 
     }): 
1

試試這個:

$("#indexHero").click(function(){ 
    if($("#tabNo1").hasClass("active")) 
    { 
     $("#testID1, #testID2").addClass("hideMe"); 
     $("#testID3").removeClass("hideMe"); 
    } 
}); 
相關問題