jquery .html（）不保留输入值

Question

我的网页上有一个按钮，点击后会执行以下操作：

1. 通过在该表上调用.html（）来获取“模板表”的内容
2. 将上述调用的内容存储在变量
中
3. 是否全局替换该变量以跟踪表行号
4. 替换内容已添加到我的“真实表格”

问题：用户输入的值不会保留在这些表行的输入字段中。这是代码：

function addRowToCluesTable() {
    var t = $("#template").html().replace(/{NUM}/g, stepCount);
    var r = $("#real").html();
    $("#real").html(r + "\n\n" + t);
}

除了用户输入的包含值的“真实”表（非模板）中的任何输入字段都丢失并且所有值都返回到其默认状态或空状态外，这一切都正常工作。所以流程如下：添加行，将值输入实际表，添加另一行，输入值...重复。

在动态添加行时，如何让jquery保留用户提供的输入值？我应该将模板行附加到真实表的末尾，而不是将实际表内容存储在变量中吗？如果是这样，最好的方法是什么？

Answer 1

尝试添加新的html：

$('#real').append(t);