Php 添加+；单击图标时，值为1或-1

我正在寻找一种方法，当用户单击图标时自动将+1添加到数字中，如果用户再次单击，则自动将-1添加到数字中。我的代码已经在后面添加了+1或-1，因此该事件已经被覆盖。但我希望只添加来自该特定图标的数字。问题是，我在同一个页面上有32个图标，因此代码应该只对该跨度中的数字执行操作，而不是对所有跨度执行操作，并且不会在用户每次单击图标时刷新页面

<span class="float-right">
  <a href="#" id="1234" class="favorite">
    <i class="fas fa-heart" style="color:#dc3545"></i></a>
   1
 </span>

<span class="float-right">
  <a href="#" id="12345" class="favorite">
     <i class="fas fa-heart" style="color:#dc3545"></i></a>
  1
</span>

这是投票功能

function vote(_obj) {    
            $.ajax({  
                type: "POST",  
                data: "id=" + $(_obj).attr("id"), 
                url: "vote.php"
            });  
        }

您可以尝试下面的示例（忽略我的

html

，因为我使用了font awesome 4）

$（'.favorite'）。每个（函数（e）{
let=false；
$（此）。单击（函数（e）{
e、 预防默认值（）；
让text=+$（this）.children（'.count'）.text（）；
//投票（此）；//排除以避免错误
$（this）.children（'i'）.toggleClass（'fa-heart-o'）；
如果（！单击）{
$（this）.children（'.count'）.addClass（'plus'）.text（parseInt（0+1））
单击=真；
}否则{
$（this）.children（'.count'）.removeClass（'plus'）.text（parseInt（0-1））
单击=假；
}
});
});
a{
文本装饰：无
}
span.count.plus:：before{
内容：“+”；
}

您的
投票
函数是否发送ajax请求？看到我添加的函数可能会很有用！谢谢可能重复的ID只是个问题。由于
vote
函数只发送ID属性，因此需要在
vote.php
脚本甚至dbram中完成在1和-1之间切换的工作！但现在你只需将+1添加为文本，我如何才能真正将+1和-1添加到该值中？@GlennS你的意思是作为一个
int
？是的，当这是固定的。在那之后，我只需要看看当前类要检测到-1或+1是什么。是的，但它是否仍能以文本形式检测+1？@GlennS我不明白你的意思，请解释清楚。
function vote(_obj) {    
            $.ajax({  
                type: "POST",  
                data: "id=" + $(_obj).attr("id"), 
                url: "vote.php"
            });  
        }