Question

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

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

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

变量是runHome，它也是一个类。

Answer 1

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

请参阅此代码

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

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

并参考此工作链接： - http://jsbin.com/juhixeruqe/2/edit?html,js,console,output

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

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

2 个答案: