javascript - 喜欢按钮多次显示

Question

我正在尝试创建一个“赞”按钮，这就是我到目前为止所做的，

$(".click-like").click(function(){
  var curr_elem = $(this) ;
  $.get($(this).attr('href-like'), function(data){
    var my_div = $(data).find(".click-like");
    $(curr_elem).html(my_div);
  });
  return false; // prevent loading URL from href
});

这是 html。这是在“for”循环中生成的，循环遍历多个数据

<a class="click-like" href-like="URL">{% if request.user in answer.likes.all %}Liked{% else %}Like{% endif %}</a>

由于我在多个游戏的 For 循环中都有类似的按钮，因此它出现在每个游戏的下方。当我点击Like时，它会返回Like或Liked按钮，其次数与游戏数量相同。

我们怎样才能防止这种情况发生？谢谢 。 。 .

Answer 1

问题似乎出在这一行

var my_div = $(data).find(".click-like"); //you are finding all the .click-like instead of the one you clicked
$(curr_elem).html(my_div);

将其替换为

$(".click-like").click(function(){
  var curr_elem = $(this) ;
  var hrefLike = curr_elem.attr('href-like')
  $.get( hrefLike , function(data){
    var my_div = $( data ).find( ".click-like[href-like='" + hrefLike + "']"); //only get the specific one with url
    $( curr_elem ).html( my_div );
  });
  return false; // prevent loading URL from href
});