鼠标点击后如何复制/重复HTML元素?

时间:2013-10-10 13:13:12

标签: javascript jquery html

我正在尝试重复或复制此textarea:

<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>

textarea已经在原始模板中定义过了。我只需要让用户在原始文本下面添加另一个textarea。我尝试过使用另一个人的JQuery解决方案,但作为一个新手,我无法真正理解它。你们中的任何人至少可以帮助我吗?我还想知道哪种工具最适合这个。

1 个答案:

答案 0 :(得分:3)

尝试使用 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());