jQuery removeClassとaddClassが機能しない

Question

私はボタンを作成しました。ユーザがそれをクリックすると、現在のクラスを新しいクラスに置き換える必要があり、その逆もあります。 BUT addClassまたはremoveClassはどちらも効果を示さない。コンソールログにエラーや警告メッセージが表示されませんでした。

のjQueryコード：

$('.vote_btn').click(function(){ 
    $.ajax({ 
     url:'/joseph/pages/votes.php', 
     type: 'post', 
     //dataType:'json', 
     data:{'comment_id':$(this).data('commentid')}, 
     success: function(data){ 
      if(data == 'up'){ 
       $(this).removeClass('fa-thumbs-o-up').addClass('fa-thumbs-up'); 
      } else if(data == 'reversed') { 
       $(this).removeClass('fa-thumbs-up').addClass('fa-thumbs-o-up'); 
      } else { 
      alert(data); 
      } 
     } 
    }); 
}); 

HTMLコード：

<span id="<?=$comment['id']?>" class="fa fa-thumbs-o-up vote_btn" data-commentid="<?=$comment['id']?>" data-postid="<?=$getpost['post_id']?>" data-who="<?=$comment['commenter_id']?>"></span> 

Answer 1

jQueryオブジェクト$(this)はもはやクリック.vote_btnを指します。成功コールバックの中で、クリックされたボタンを変数に格納し、コールバック内でこの変数を使用します。

$('.vote_btn').click(function(){ 
    var _this = $(this); 

    $.ajax({ 
     url:'/joseph/pages/votes.php', 
     type: 'post', 
     //dataType:'json', 
     data:{'comment_id':_this.data('commentid')}, 
     success: function(data){ 
      if(data == 'up'){ 
       _this.removeClass('fa-thumbs-o-up').addClass('fa-thumbs-up'); 
      } else if(data == 'reversed') { 
       _this.removeClass('fa-thumbs-up').addClass('fa-thumbs-o-up'); 
      } else { 
      alert(data); 
      } 
     } 
    }); 
}); 

希望します。

Answer 2

これは動作します試してみてください。

$('.vote_btn').click(function(){ 
    var curEvent=$(this); 
    $.ajax({ 
    url:'/joseph/pages/votes.php', 
    type: 'post', 
    //dataType:'json', 
    data:{'comment_id':$(this).data('commentid')}, 
    success: function(data){ 
     if(data == 'up'){ 
      $(curEvent).removeClass('fa-thumbs-o-up').addClass('fa-thumbs-up'); 
     } else if(data == 'reversed') { 
      $(curEvent).removeClass('fa-thumbs-up').addClass('fa-thumbs-o-up'); 
     } else { 
     alert(data); 
     } 
    } 
    }); 
    });