javascript - 需要在 jQuery 中增加分数，如何更改文本

Question

我必须“在 jQuery 就绪函数之外创建一个函数，该函数在调用时会增加用户的分数并更新 span#score 中的 HTML。我有变量。我有函数已开始，但不确定如何完成它，以便它会更改文本。我也不确定是否在 .ready 部分中调用该函数。

我将此作为几天前提出的多个问题的一部分，但我确实问错了，太宽泛了。今晚我需要解决这个问题。截止时间是午夜，但我相信他会晚一点。我想这就是我需要发布的所有代码。我认为其余的只是碍事，但如果您需要，请告诉我。

<script>
    var mole='<img src="img/mole.jpg"/>';
    var score=0;
    $(document).ready(function(){

        $("#score").click(increment);

    }); //end.ready

    function increment(){
        score+=1

    }; //end increment

</script>

此时任何帮助都将是真正的祝福。

Answer 1

您的 increment() 函数确实在增加分数；您所需要做的就是将其实际输出回页面上。这可以通过 $("#score")[0].innerHTML = Score 来完成，如以下示例所示:

var score = 0;

$(document).ready(function() {
  $("#score").click(increment);
});

function increment() {
  score += 1;
  $("#score")[0].innerHTML = score;
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="score">0</div>

需要 [0] ，因为 $(#score) (尽管定位 ID)返回对象的 NodeList 集合，并且您想要访问第一个对象在此列表中。

希望这有帮助! :)