Как выбрать содержимое внутри 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

Использование .html() функции JQuery в должен сделать трюк.

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