javascript - 如何在 HTML 标记字符串中插入克隆元素？

Question

我需要克隆一个 div，然后将它附加到另一个位置。 DIV 看起来像这样。

<div id="clonableContet" class="clonableClass">
<input id="Name" class="clonableInput" type="text"/>
<input id="Age" class="clonableInput" type="text"/>
</div>

<div id="clonedContentHolder"></div>

如果我克隆 clonableContent 并将其附加到 clonaedContentHolder 中，它包含相同的 ID 作为前一个。我想动态更改克隆的 Content div's id 属性。但是我能够将新的类名动态添加到克隆的 input 元素中。我很好。我将能够通过一些类名引用来获取值。

但我的问题是我想让最后克隆的内容可见。因为，所有这些 div's 都是标签内容。我无法更改 clonableContent div 的 ID。

我尝试动态创建另一个 div，并将克隆的 div 放入其中。是这样的，

var html = "<div id='clonedContent" + count + "'>" + clonedContent + "</div>";

但是输出是[Object][Object]。克隆的 div，成为字符串中的对象。

我应该如何将 clonedContent 作为另一个字符串插入到一个字符串中？

或者，是否有任何其他方法可以获得相同的解决方案。

提前致谢。

Answer 1

这样创建 html:

var html = $("<div />").attr('id', 'clonedContent'+count).html(clonedContent);

然后您可以将 html 用作 jquery 对象并附加到最​​后一个项目:

html.appendTo('div:last');