javascript - 单击鼠标后如何复制/重复 HTML 元素？

Question

我正在尝试重复或复制此文本区域:

<textarea name="Content" type="text" 
    id="Content" value="Content" 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;">
</textarea>

文本区域已经在原始模板中定义过一次。我只需要允许用户在原始文本区域下方添加另一个文本区域。我试过使用其他人的 JQuery 解决方案，但作为新手，我无法真正理解它。你们中的任何人至少可以帮助我吗？我还想知道哪些工具最适合这个。

Answer 1

尝试使用 clone() ,

$('body').append($('#Content').clone());

注意:您需要创建一个元素数组，因为id 必须唯一，如

<textarea name="Content[]" type="text" 
    id="Content[]" value="Content" 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;">
</textarea>

脚本

$('body').append($('textarea[name="Content[]"').clone());