javascript - jQuery if element has class do something - Stack Overflow

admin管理员组

文章数量:1344233

I'm trying to toggle whether tabs will be displayed based on whether or not the matched list item has a class of active. I've tried multiple different approaches with if statements and .hasClass but cannot get it to behave as I wish! Any help would be greatly appreciated.

This is an example of one of my attempts:

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

I'm trying to toggle whether tabs will be displayed based on whether or not the matched list item has a class of active. I've tried multiple different approaches with if statements and .hasClass but cannot get it to behave as I wish! Any help would be greatly appreciated.

This is an example of one of my attempts:

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

• javascript
• jquery
• addclass
• removeclass

Share Follow edited Dec 5, 2015 at 19:39 Jay asked Apr 17, 2015 at 11:59 JayJay 1,67855 gold badges2121 silver badges3535 bronze badges 2

• 1 "$( "#indexHero" ).onClick(..." What's that? It's not jQuery.... jQuery would be .click(... or .on("click", ... (or in days gone by, .bind("click", ...). – T.J. Crowder Commented Apr 17, 2015 at 12:03
• 1 You have .hasClass() for that purposes, it will return a boolean. By the way, I would replace .onClick(function(){}); by .on('click', function(){}); – kosmos Commented Apr 17, 2015 at 12:04

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

Check with length property or else Use .hasClass() in jquery

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

or

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

}

use hasClass()

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

Try this:

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

本文标签： javascriptjQuery if element has class do somethingStack Overflow