JavaScript関数はテキストを追加し続けます

Question

私はjsクイズを作成しました。 「次へ」ボタンが押されるたびに、質問番号を読み取ったテキストは、それを置き換える代わりに質問番号を表示するテキストを追加し続けます。私が何を意味するかを理解するために、this is the link。

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').append(header); 

Answer 1

コードでは、実際には追加の代わりに.html()を使用する必要があります。追加は最後に追加することを意味し、.htmlは要素のinnerHTMLを上書きします。

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').html(header); 

Answer 2

あなたは完全に新しいものにテキストを変更するために、代わりに.appendのの.textプロパティを使用する必要があります。

これは、質問番号のための機能を実行するコードです。 .appendはテキストを続けて続けます。

$('#questionnum').text(header); 

append()とtext()方法でこのjqueryのドキュメントをチェックしてください。

Answer 3

あなたにもこのような純粋なJavaScriptを使用することができます。

document.getElementById("questionnum").innerHTML = header; 

あなたはこのようにそれをやって、このような問題を持っていません。