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

Question

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

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

和 style.css

.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;
 }

谢谢！

Answer 1

.click()您可以编写一些 jQuery 以在事件上向您的 PHP 脚本发送 AJAX 请求，并使用.text()AJAX 的结果更改数字。