jQuery点击事件中数值无法自增的问题排查

你的代码和操作系统、浏览器版本没有任何关系，事件绑定本身是生效的（控制台能打印事件对象就是证明），数值不递增是两个JS逻辑错误导致的：

• 核心错误是变量作用域设置错误：你把计数变量number声明在了点击事件的回调函数内部，每次点击触发回调时，都会重新执行var number = 0把计数重置为0，完全无法保存上一次点击后的累加结果，自然不可能实现递增。
• 次要逻辑偏差是后置自增运算符的特性问题：你用的后置自增number++的执行逻辑是「先返回变量当前值，再对变量做+1操作」，就算把变量移到回调外部，第一次点击时传入.text()的也是自增前的0，和常规预期的点击就涨的效果有偏差。

把计数变量移到点击回调的外层作用域，避免每次点击被重置，再根据你的计数需求调整自增运算符即可：

// 计数变量声明在回调外部，持久保存累加值
var number = 0;
// 如果需要页面初始就显示0，提前给.numvalue赋值
$(".numvalue").text(number);

$(".next").click(function (e) {
  console.log(e);
  // 用前置++：先自增再赋值，第一次点击就显示1
  // 如果需要第一次点击显示0、第二次开始显示1，保留原来的number++即可
  $(".numvalue").text(++number);
});

内容的提问来源于stack exchange，提问作者user9361135