Добрый вечер! помогите сделать счетчик при нажатии на кнопку добавить в избранное ( чтобы при нажатии на избранное появлялось (1) (2) и тд. Надеюсь на вашу помощь.
var ajax;
function fav(id)
{
if ($(".item[data-id="+id+"]").length) // in thumbnail
{
var el = $(".item[data-id="+id+"] .fav");
el.toggleClass('faved');
if (el.hasClass('faved')) el.html('<i class="icon-star"></i>');
else el.html('<i class="icon-star-empty"></i>');
}
if ($("#item[data-id="+id+"]").length) // in page
{
var el = $("#item[data-id="+id+"] .fav");
el.toggleClass('faved');
if (el.hasClass('faved')) el.html('Убрать из избранного<i class="icon-star"></i>');
else el.html('Добавить в избранное<i class="icon-star-empty"></i>');
}
$.ajax({url: "/auth", method: 'post', data: {'fav': id}, async: 'true', cache: 'false'});
return false;
}
<div class="item-img">
<div class="item-img-line">
{% if _user %}
{% if row._faved %}<a href="#" class="fav faved" onclick="return fav({{row.id}});"><i class="icon-star"></i></a>
{% else %}<a href="#" class="fav" onclick="return fav({{row.id}});"><i class="icon-star-empty"></i></a>
{% endif %}
{% else %}
<a href="/signin/" class="fav"><i class="icon-star-empty"></i></a>
{% endif %}<span>№ {{row.id}}</span>
</div>