jQuery不能影响“外部”div

Question

所以，我想做这件事：

$('#addform').html(donedata);

div #addform是<div>，而donedata是一个变量。但它不起作用，我觉得我知道为什么。在这种情况下，我想影响我实际所在的div。因此，在单击提交按钮后，我想更改addform的内容并将其替换为变量donedata。

为了更好地理解：

<div id="addform">
<div id="form">
<input type="text" value="blabla" />
<input type="submit id="submit" value="submit" />
</div>
<div id="result" style="visibility:hidden">
</div>
</div>

如果我要更改第一行代码（在本文的开头），那么它不会尝试更改#addform，而是#result的内容（首先它会通过css-method使其可见）它工作正常。

那么，问题很简单，我不能改变任何“我在”的div或者我还能做些什么吗？

我不确定我写的内容是否真的可以理解。

Answer 1

我认为您要做的是将#addform替换为donedata的内容，这可能是一串HTML。

您可以使用jQuery方法replaceWith执行此操作。这将从文档中删除选择中的元素（在本例中为#addform），并将其替换为新内容（在本例中为donedata）。

$('#addform').replaceWith(donedata);