Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   счетчик избранного (https://javascript.ru/forum/misc/83548-schetchik-izbrannogo.html)

oksana1997 09.01.2022 23:08

счетчик избранного
 
Добрый вечер! помогите сделать счетчик при нажатии на кнопку добавить в избранное ( чтобы при нажатии на избранное появлялось (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>


Часовой пояс GMT +3, время: 20:09.