Bonjour,
il y a une autre solution :
<div id="favpage"><a data-action="add">Ajouter à mes favoris</a></div>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
|
<script src="http://code.jquery.com/jquery-3.3.1.js"></script>
<script>
$(document).ready(function() {
$("#favpage > a").on('click', function() {
if( $(this).attr("data-action") == "add")
{
var nb_fav = parseInt($("#ic_fav_nb").text(),10)+1;
$("#ic_fav_nb").text(nb_fav);
$("#ic_fav_nb2").text(nb_fav);
$("#ic_fav_img").text("favorite");
$(this).attr("data-action","del");
$(this).html("Supprimer de mes favoris");
}
else if( $(this).attr("data-action") == "del")
{
var nb_fav = parseInt($("#ic_fav_nb").text(),10)-1;
$("#ic_fav_nb").text(nb_fav);
$("#ic_fav_nb2").text(nb_fav);
$("#ic_fav_img").text("favorite_border");
$(this).attr("data-action","add");
$(this).html("Ajouter à mes favoris");
}
});
});
</script> |
N.B. Si les liens doivent avoir des styles CSS différents (couleur,...), on peut aussi ajouter/échanger des classes : .toggleClass()
Partager