点击后jQuery数字覆盖

Question

如何在不创建新的“var”的情况下覆盖原始数字？我希望每次点击“更多”后，在原始数字上加 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

也许你想要这个:

$(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'
});