Как выбрать содержимое внутри div, используя javascript / jquery

Question

Я считаю, что ответ может быть довольно простым, но я не могу найти ответ с помощью поиска.

Что я хотел бы сделать, это изменить содержимое div с помощью jquery.В настоящее время я использую это (который работает, но не самое элегантное решение)

Каков наилучший способ выбрать это?

$(document).ready(function () {
    $("#score-once").click(function ()  {
        var numRand = parseInt(Math.floor(Math.random()*2));
        var currValue = parseInt($("#scored").text());
        var newValue = (currValue + numRand);
        $("#scored").replaceWith("<p id=scored>" + newValue + "</p>")
        currValue = undefined;
        newValue = undefined;
    });     
});

и HTML

        <div id="sidebar">
            Goals Scored<br />
            <p id="scored">0</p>
            Goals Missed<br />
            <p>0</p>
        </div>

Answer 1

Вот небольшое улучшение:

$(document).ready(function () {
    $("#score-once").click(function ()  {
        var numRand = parseInt(Math.floor(Math.random()*2));
        var currValue = parseInt($("#scored").text());
        var newValue = (currValue + numRand);
        $("#scored").text(newValue)
    });     
});

Это, вероятно, не может быть лучше, чем это: -)

Answer 2

Использование функции jQuery .html() должно помочь.

$("#scored").html(newValue);