Jquery addClass() ， removeClass() 函数不起作用答案

【问题标题】：Jquery addClass() , removeClass() functions does not workJquery addClass() ， removeClass() 函数不起作用
【发布时间】：2017-12-29 12:21:36
【问题描述】：

$('.push').each(function(){
  if($(':first-child',this).hasClass( "activex" )){
    $(this).off().off('click').on('click',function(){
      var a = $(this).attr('id');
      $.ajax({
        type: "POST",
        url: "includes/rcart.php",
        data:{'pid': a},
        success: function(data){
          var a= parseInt($('.cart').text());
          if((data.indexOf("2")) >= 0){
            console.log(data);
            console.log('not removed'); 
          }else{
            a--;
            console.log('removed');
            $(this).children().removeClass('activex');
            $('.cart').text(a);
          }
        }
      });
      console.log(a); 
    });
  }else{
    $(this).on('click',function(){
      var a = $(this).attr('id');
      $.ajax({
        type: "POST",
        url: "includes/cart.php",
        data:{'pid': a},
        success: function(data){
          console.log(data);
          var a= parseInt($('.cart').text());
          if((data.indexOf("2")) >= 0){
            console.log('done'); 
          }else{
            a++;
            $('.cart').text(a);
            $(this).children().addClass('activex');
          }
        }
      });
      console.log(a); 
    });
  }
});

每当单击带有类推送的按钮但它不起作用并且代码中没有错误并且它没有删除类时，我都会尝试删除类activex。如果我使用 .push 类在 chrome 控制台中手动删除该类，它可以工作。

【问题讨论】：

$(this).children().removeClass('activex'); 必须是 $(this).removeClass('activex'); 和其他相同
请分享html
此处为按钮的 html 和页面中有很多按钮
请提供html代码。

标签： javascript jquery html css ajax

【解决方案1】：

这是您更新的代码，只是我从您的代码中删除了 children()。让我知道它是否有帮助。

$('.push').each(function(){


      if($(':first-child',this).hasClass( "activex" )){
          $(this).off().off('click').on('click',function(){
        var a = $(this).attr('id');
                $.ajax({

    type: "POST",
    url: "includes/rcart.php",
    data:{'pid': a},
    success: function(data){


     var a= parseInt($('.cart').text());

     if((data.indexOf("2")) >= 0){
          console.log(data);
         console.log('not removed'); 
     }
     else {
     a--;
     console.log('removed');
     $(this).removeClass('activex');
     $('.cart').text(a);
     }
    }

    });

        console.log(a); 
    });

      }

      else {

    $(this).on('click',function(){
        var a = $(this).attr('id');
                $.ajax({

    type: "POST",
    url: "includes/cart.php",
    data:{'pid': a},
    success: function(data){

    console.log(data);
     var a= parseInt($('.cart').text());

     if((data.indexOf("2")) >= 0){
         console.log('done'); 
     }
     else {
     a++;
     $('.cart').text(a);
     $(this).addClass('activex');
     }
    }

    });

        console.log(a); 
    });
      }

});

【讨论】：

感谢 Sanjay，但代码不起作用我需要更改该元素的子元素的类。
欢迎@krishnasapkal，如果您仍然对此有任何疑问，请分享您的html，希望我能帮助您。
这里是 html 代码