javascript - jQuery .html() 函数删除文本

Question

我正在尝试编辑 div 的文本，但是当我使用函数更新行计数时，每次文本都会完全消失。如果您也能解释一下原因，那就太好了。 提前致谢。

我的更新功能:

var rowCountF = $('#tablef tr').length;
var rowCountV = $('#tablev tr').length;

var ftext = "Teilnehmer (" + String(rowCountF) + ")";
var vtext = "Teilnehmer (" + String(rowCountV) + ")";

$("#divf").html(ftext);
$("#divv").html(vtext);

我的div层:

<div id="divf"class="tableheader"> <h2>Teilnehmer</h2> </div>

divf 代码:

<div id="divf"class="tableheader"> <h2>Teilnehmer</h2> </div>

Answer 1

您实际上是用您的文本替换 div 本身的内容。这意味着标题消失并且只有纯文本。

您可能想替换标题内容:

$("#divf h2").html(ftext);
$("#divv h2").html(vtext);

这将选择 div 内的 h2 元素，因此只会更新标题内的文本。

结果如下所示:

<div id="divf"class="tableheader"> <h2>Teilnehmer (987)</h2> </div>
<div id="divf"class="tableheader"> <h2>Teilnehmer (123)</h2> </div>