Javascript函数不断添加文本

Question

我做了一个js测验。每当＆＃34; next＆＃34;按下按钮，读取问题编号的文本将不断添加显示问题编号的文本，而不是替换它。为了帮助您理解我的意思，this is the link。

这是运行问题编号函数的代码：

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

Answer 1

您应该使用 .text 属性而不是 .append 才能将文本完全更改为新文本。 .append将继续附加文本。

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

在Applying Changes to the Photo Library和append()方法上查看此jquery文档。

Answer 2

您也可以像这样使用纯JavaScript：

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

你不会以这种方式解决这些问题。

Answer 3

您的代码实际上应该使用.html()而不是追加。追加意味着在.html覆盖元素的innerHTML时最后添加。

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