javascript/jqueryを使用してdiv内のコンテンツを選択する方法

Question

答えは簡単かもしれませんが、検索で答えが見つかりません。

私がしたいのは、jqueryを使ってdivの内容を変更することです。現在、私はこれを使用しています（動作しますが、最も洗練されたソリューションではありません）

これを選択する最も良い方法は何ですか？

$(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) 
    });  
}); 

それはおそらくjQueryの.html()機能を使用して、この:-)

Answer 2

以上のものを得ることができませんトリックを行う必要があります。

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