jqueryを使用して複数の.textノードを動的に構築する方法<span>

Question

<h1>のテキストを<span></span>というタグに動的に更新したいとします。

$("h1").text("Time Left:<span>" + padNum(glob.gameTimer) + "</span>Best: 
<span>" + padNum(glob.bestTime) + "</span>Reaction Time:<span>" + 
padNum(glob.reactionTime) + "</span"); 

Answer 1

利用html代わりのtext

$("h1").html("Time Left:<span>" + padNum(glob.gameTimer) + "</span>Best:<span>" + padNum(glob.bestTime) + "</span>Reaction Time:<span>" + padNum(glob.reactionTime) + "</span"); 

Answer 2

だけ$("h1").html()の代わり$("h1").text()を使用します。

私jsfiddleは、このようになりますジャバスクリプトを示しています。