Question

这是我正在做的事情，我动态创建一个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>');

然后我将一个克隆存储到一个单独的节点并将其添加到DOM中。

this.emptydivt = $(divt).clone();
maindiv.append(divt);

稍后在我的代码中，我想使用一个删除/附加替换顶级DIV的内容。

首先，我从之前保存的...

创建一个新节点

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

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

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

然后我将替换顶级div

maindiv.remove('#toplevel');
maindiv.append(this.newdivt);

那么有没有办法从不在DOM中的Jquery或JS节点获取子div？

Answer 1

我在你的代码中看到了2个拼写错误，不确定你的真实代码是否存在

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

和

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

此外，此代码无效，因为clone不接受jQuery对象作为参数

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

也许你只想要divt.clone()？

修改

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

在一个删除/附加中更改DIV

1 个答案: