javascript - 比较Div值

我想创建一个网页，如果切尔西的进球数大于阿森纳，切尔西的得分将增加1，反之亦然。它无法正常工作，我不确定为什么-然后几天前我才开始学习JS / JQ。

代码有什么问题？另请注意，控制台中从未记录任何内容。 :(

$(document).ready(function() {
    $("#play").click(function(){
            var chelsea = parseInt($('#chelsea-goals').val());
            var arsenal = parseInt($('#arsenal-goals').val());
        if (chelsea > arsenal) {
            parseInt($('#score-chelsea').val())++;
            console.log('Chelsea > Arsenal');
        }
        else if (arsenal > chelsea) {
            parseInt($('#score-arsenal').val())++;
            console.log('Arsenal > Chelsea');
        }
        else {
            console.log('Scores were equal');
        }
   });
});

也请原谅格式-在我的代码中正确-在这里看起来不太好。

更新

<div class="scores" id="score-chelsea">0</div>
<div class="scores" id="score-arsenal">0</div>
<div class="goals" id="chelsea-goals">{{chelsea.goals}}</div>
<div class="goals" id="arsenal-goals">{{arsenal.goals}}</div>
<button id ="play"></button>

最佳答案

您不能增加parseInt()函数。将这些行更改为

$('#score-chelsea').val( parseInt( $('#score-chelsea').val() ) + 1 );

...与#score-arsenal相同。

演示：http://jsfiddle.net/2SVpE/

关于javascript - 比较Div值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14093454/