javascript - 使用jquery在点击时增加一个变量

Question

这似乎是一件非常简单的事情，但我似乎无法让它发挥作用。我有:

<button id="more">more</button>
<button id="less">less</button>

<p id="info"></p>

<script>
var howMany = 1;
$(#more).click(function(){
    howMany + 1;
});
$(#less).click(function(){
    howMany - 1;
});
$("#info").text(howMany);
</script>

我只是希望当用户点击更多或更少时，信息段落会增加或减少。

Answer 1

你的代码中有几个错误，正如其他人已经提到的，比如选择器中缺少引号，在递增/递减后没有重新分配变量值。

var howMany = 1;
$('#more').click(function(){
    howMany += 1;
    $("#info").text(howMany);
});
$('#less').click(function(){
    howMany -= 1;
    $("#info").text(howMany);
});
$("#info").text(howMany);​

这是一个working Fiddle