Я получаю данные с помощью ajax с php контроллера и показываю в html с использованием l oop, мой js код
здесь у меня есть переменная eventLike и там is
тег i внутри тега div при нажатии на этот тег i Я переключаю понравившийся элемент, заполненный или очищенный
, как на изображении 
поскольку вы видели, что один лайк заполнен, а другой - это не количество показаний лайков в теге b
я хочу изменить значение этого тега b . если подобное изображение уже заполнено, уменьшите значение b -1, если оно не заполнено, увеличьте значение +1, как я это делаю
мой код
$("body").on("click",".fa-thumbs-up", function (e) {
$(this).toggleClass('fas far');
$(this).data("like",(JSON.parse($(this).data("like")))?false:true);
if( $(this).data("like"))
{
$("#count-like").html($(this).data("likecount")+ 1)
}
if(!$(this).data("like")){
$("#count-like").html($(this).data("likecount")-1)
}
этот код работает только для первого подобного элемента, а не для остальных в любом решении?