javascript - 使用jQuery在点击时增加变量

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

<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>

我只想让信息段落在用户点击或多或少时增加或减少。

最佳答案

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

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

这里有一个working Fiddle