单击按钮时使用jquery将变量值增加1答案

【问题标题】：use jquery to increases variable value by 1 when button clicked单击按钮时使用jquery将变量值增加1
【发布时间】：2015-02-18 23:56:18
【问题描述】：

我正在尝试制作一个按钮，每次使用 jQuery 单击按钮时，该按钮都会增加一个变量。

这是创建我使用的按钮的 jQuery 和 HTML 代码。

$('.runHome').on('click', myfunction);
function myfunction() {
    $(this).number(++runHome);
<div class="runHome">0</div>
<button>RunsHome</button>

变量是runHome，也是一个类。

【问题讨论】：

标签： javascript jquery variables button click

【解决方案1】：

您必须先附加点击按钮，然后计算当前值并设置增量。

请参考此代码

var numVal = parseInt($(".runHome").text());    

$('button').click(function(){
  ++numVal;
  $(".runHome").text(numVal);
});

同时参考这个工作链接：-http://jsbin.com/juhixeruqe/2/edit?html,js,console,output

【讨论】：

【解决方案2】：

您已将点击处理程序添加到 div 而不是按钮，因此按钮点击在这里不起作用：

$('.runHome').on('click', myfunction);

尝试以下更改：

$(function() {
  var homeRuns = 0;
  var runHome = $('.runHome').text(homeRuns); //default text
  $('#homeBtn').on('click', function() {
    runHome.text(++homeRuns);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="runHome"></div>
<button id='homeBtn'>Runs Home</button>

【讨论】：