Question

我试图根据匹配的列表项是否具有活动类来切换是否显示选项卡。我已尝试使用if语句和.hasClass的多种不同方法，但无法让它按照我的意愿行事！任何帮助将不胜感激。

这是我尝试的一个例子：

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

Answer 1

使用hasClass()

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

Answer 2

使用length属性检查，或者在jquery中使用.hasClass()

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

或

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

}

Answer 3

试试这个：

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

jQuery如果element有类做某事

3 个答案: