Question

如何在不创建新的＆＃34; var＆＃34;的情况下覆盖原始号码？我希望如果我每次点击＆＃34;更多＆＃34;，在添加10加上原始数字之后。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<div id="result"></div>
<div id="more">more</div>

<script>

$(document).ready(function() {

    var count = 10;

    $('#more').click(function(){
        var count = count + 10;
    ));

    $('#result').html(count);

});

</script>

Answer 1

  var count = count + 10;

这意味着您每次都在创建新的计数。只需更新旧版本。

 count = count + 10;

这将解决它

甚至更简单

count += 10;

Answer 2

只需删除点击功能中的var即可。使用click函数中的var，您每次都会创建一个新变量

$(document).ready(function() {

    var count = 10;

    $('#more').click(function(){
        count = count + 10;
        $('#result').html(count);
    ));
});

Answer 3

也许你想要这个：

$(document).ready(function() {
    var count = 0; 
    $('#more').click(function() {
        count += 10; // add 10 to outer var `count`
        $('#result').html(count); // display new value
    }).trigger('click'); // initialize to 10 by triggering a 'click'
});

单击后jQuery编号覆盖

3 个答案: