jQuery 如果元素有 class 做某事

Question

我正在尝试根据匹配的列表项是否具有 class 活动来切换是否显示选项卡。我用 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 如果元素有 class 做某事

jQuery if element has class do something

javascript

jquery

addclass

removeclass