Javascript 根据通过jQuery交换的图像更改var值

我有一个jQuery函数，它可以在单击图像时交换图像。这工作得很好，但是，我还想根据显示的图像使用$.get传递一个参数

这里是上下文。我有一堆评论，每个评论旁边都有一张“竖起大拇指”的图片。单击拇指时，它会变为绿色，并通过$.get方法调用PHP脚本。这是可行的，但我也希望用户能够“取消竖起大拇指”，这样，如果他们单击一个已经是绿色的，那么就可以删除他们的竖起投票。这是我到目前为止所拥有的

我的jQuery:

<script>

$(document).ready(function() {  

$('.thumb a').on('click', function(e) {

    e.preventDefault();
    var $img = $(this).find('img');

    var $idshow = $(this).attr("id");

    $img.attr('src', function(_,s) {
         return s.indexOf('thumbs_up_green') > -1 ? '../images/thumbs_up.png'
                                                  : '../images/thumbs_up_green.png'                                                                               
    });

    //HERE IS THE VARIABLE I WANT TO BE ABLE TO CHANGE
    var $action = "add";        

    $.get("thumb_up_tip.php?tip_id=" + $idshow + "&action=" + $action)      
});

});
</script> 

$（文档）.ready（函数（）{
$（'.thumb a'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var$img=$（this.find（'img'）；
var$idshow=$（this.attr（“id”）；
$img.attr（'src'，函数{
返回s.indexOf（'thumbs\u up\u green'）>-1？'../images/thumbs\u up.png'
：“../images/thumbs\u up\u green.png”
});
//这是我希望能够更改的变量
var$action=“添加”；
$.get（“thumb\u up\u tip.php？tip\u id=“+$idshow+”&action=“+$action”）
});
});

在上面的代码中，如果按钮从“thumbs\u up.png”转到“thumbs\u up\u green.png”，我希望var$操作是“add”。如果它是从“thumbs\u up\u green.png”到“thumbs\u up.png”，那么我希望var$action是“subtract”

---

任何建议都会很好

添加或未添加时，向元素添加类。然后单击检查以查看存在什么类，然后根据该类决定您的操作

<script>
  $(document).ready(function() {  
    $('.thumb a').on('click', function(e) {
      e.preventDefault();
      var $img = $(this).find('img'),
          $idshow = $(this).attr("id"),
          $action = 'add';

      if($img.hasClass('thumbsUp')){
         $action = "remove";
         $img.removeClass('thumbsUp');
      }else{
        $img.addClass('thumbsUp');
      }

     $img.attr('src', function(_,s) { return s.indexOf('thumbs_up_green') > -1 ? '../images/thumbs_up.png' : '../images/thumbs_up_green.png'});
     $.get("thumb_up_tip.php?tip_id=" + $idshow + "&action=" + $action)      
   });
   });
</script> 

$（文档）.ready（函数（）{
$（'.thumb a'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var$img=$（this.find（'img'），
$idshow=$（this.attr（“id”），
$action='add'；
如果（$img.hasClass（'thumbsUp'））{
$action=“删除”；
$img.removeClass（'thumbsUp'）；
}否则{
$img.addClass（'thumbsUp'）；
}
$img.attr（'src'，function（'uus，s）{返回s.indexOf（'thumbs\u-up\u-green'）>-1？'../images/thumbs\u-up.png'：'../images/thumbs\u-up\u-green.png'；
$.get（“thumb\u up\u tip.php？tip\u id=“+$idshow+”&action=“+$action”）
});
});

它将检查元素上是否存在一个类，如果存在，这已经是竖起大拇指了，所以我们应该删除，反之亦然