Button CSS和PHP：使可点击按钮影响数字

我有一个可点击的心脏图标，我在他的右边有一个数字。我希望每次点击心脏时，号码都会改变。你知道我怎样才能做到吗？我在胡搞PHP和CSS。代码如下所示：

<span class="like-post" title="Like">
            <span class="icon"> </span>
            <span class="number"> 0 </span>
        </span> 

---

谢谢

您可以编写一些jQuery，在

上向您的PHP脚本发送AJAX请求。单击（）

事件，然后使用

.text（）

更改数字和AJAX的结果。

呃，谢谢您的回答，但我不知道如何从jQuery和AJAX开始……您能给我一点指导吗？我不认为这是一个很长的路，它只是一个心和一个数字…谢谢！我找到了一个制作这个的wp插件。它叫“我推荐这个”，简单又酷。无论如何，谢谢你。

.like-post {
font-size: 11px;
font-weight: bold;
color: #555;
display: inline-block;
cursor: pointer;
width: 28px;
height: 15px;
margin-left:3px;
}

.icon  {
display: block;
width: 15px;
height: 15px;
position:relative;
top: 3px;
left:1px;
background: url('images/heart15.png');
}

.number  {
display: BLOCK;
float: right;
position: relative;
top: -14px;
 }