javascript - 比较 Div 值

Question

我想创建一个网页，如果切尔西的进球数多于阿森纳，则切尔西的得分增加 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>

Answer 1

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

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

...与 #score-arsenal 相同。

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