Impossible de changer l 'icône de clic()

Question

J'ai ce code HTML

<li><button class="btn-link glyphicon @(I._tp_favourite == 0 ? "glyphicon-heart-empty" : "glyphicon-heart")" style="text-decoration:none;" onclick="Fav(@I._id, @I._tp_favourite)" id="FavButton"></button></li> 

Surclic je déclenche cette fonction

function Fav(id,fav) { 
     var url = '@Url.Action("_Fav", "my")'; 

     $.ajax({ 
      url: url, 
      type: 'POST', 
      data: { 
       id: id, 
       fav: fav 
      }, 
      success: function (data) { 
       $('#FavButton').toggleClass('btn-link glyphicon glyphicon-remove'); 
       alert(data); 
      }, 
      error: function (jqXHR) { // Http Status is not 200 
       alert(jqXHR.status); 
      } 
     }); 
    }; 

Cela devrait changer la classe de bouton pour btn-link glyphicon glyphicon-remove Mais ce n'est pas, Ai-je besoin pour fixer une carte d'identité avec chaque id="FavButton"

Toutes les idées

Vive

Answer 1

Je compris la question, je avais besoin de joindre l'ID avec chacun dans ma boucle

id="FavButton_@I._id"

puis procédez comme suit dans ma fonction sur le succès

$('#FavButton_' + id).removeClass('btn-link glyphicon glyphicon-heart-empty').addClass('btn-link glyphicon glyphicon-remove');