Javascript 在一次删除/追加中更改DIV

下面是我正在做的，我动态创建一个div结构

    var divt = $('<div id="toplevel"></div>');
divt.append('<div id="child1"><div class="content1"></div></div>');
divt.append('<div id="child2"><div class="content1"></div></div>');

稍后在我的代码中，我想用一个remove/append替换顶级DIV的内容

首先，我从以前保存的节点创建一个新节点

this.newdivt = this.emptydivt.clone();

在这里，我想获得子div并添加一些新内容，我尝试了各种功能，但无法使其工作，例如

var childdiv = this.newdivt.find('#child1').html(); 
childdiv.append('<div> new content</div>');

---

那么，有没有一种方法可以从不在DOM中的Jquery或JS节点获取子div呢？

我在代码中看到两个输入错误，不确定它们是否在真实代码中不存在

this.newdivt = this.emptydivt.clone();  // you missed ()

及

此外，此代码无效，因为

clone

不接受jQuery对象作为参数

this.emptydivt = $(eventGrid).clone(divt);

也许你只是想要

divt.clone（）

编辑

---

删除元素id上的所有空格，因为id属性上不允许使用空格。

检查控制台，我相信您会看到错误。什么是财产克隆？那么

var childdiv=$（this.newdivt.find（'#child1'）.html（））呢

Etc..

this.emptydivt=$（eventGrid.clone（divt）

不正确，您在克隆函数上尝试执行什么操作我没有收到错误，结果看起来正确。当我尝试访问子节点时，它们保持“未定义”@FlyingScotsman：如果我们指出的所有拼写错误都不在您的真实代码中，请在问题上解决它们以避免混淆。@FlyingScotsman：还有一个，你没有在你的前两个append

'

和

'

@FlyingScotsman:你还需要澄清的是你在这里试图做什么

$（eventGrid）.clone（divt）

，因为它不是有效的代码。我已经在问题中纠正了这些，我希望语法现在是正确的，就像我在真实代码中所说的，一切都很好，除了解析DOM之外的节点。不，但是子节点做了，我只是检查了一下，如果我删除了空格，就会找到。html工作，你知道为什么吗？

this.newdivt = this.emptydivt.clone();  // you missed ()

var childdiv = this.newdivt.find('#child1').html(); // you missed '' around #child1 

this.emptydivt = $(eventGrid).clone(divt);