Javascript jquery克隆div是第一次

Javascript jquery克隆div是第一次,javascript,jquery,html,css,Javascript,Jquery,Html,Css,每次单击“添加”按钮时,我都想克隆一个表单。我的问题是:如何第一次将display none设置为form?当“添加”按钮单击“设置显示块”时,下次只需克隆div $document.readyfunction{ $.Add.clickfunction{ $.formi.eq0.clone.insertAfter.formi:last; $.cancel.clickfunction{ $this.parents'.formi'.remove; }; }; }; .formi{边框:1px实心0

每次单击“添加”按钮时,我都想克隆一个表单。我的问题是:如何第一次将display none设置为form?当“添加”按钮单击“设置显示块”时,下次只需克隆div

$document.readyfunction{ $.Add.clickfunction{ $.formi.eq0.clone.insertAfter.formi:last; $.cancel.clickfunction{ $this.parents'.formi'.remove; }; }; }; .formi{边框:1px实心000;宽度:50%;} 加+ 一 二 好啊 取消
我认为您可以在单击add document.getElementsByClassNameyouClass.style.display=none之前执行类似操作

然后,当您想再次显示它时,请更改显示=我猜当我们单击“添加”时,您想显示的内容 $document.readyfunction{ $.Add.clickfunction{ $.hide.removeClasshide;//删除隐藏窗体的类 $.formi.eq0.clone.insertAfter.formi:last; $.cancel.clickfunction{ $this.parents'.formi'.remove; }; }; }; 福米先生{ 边框:1px000; 宽度:50%; } .隐藏{ 显示:无 } 加+ 一 二 好啊 取消
您可以从CSS规则开始,即display:none;。插入元素时使用.show

我还建议在动态生成元素时使用方法实现方法

$document.readyfunction{ $.Add.clickfunction{ $.formi.eq0.clone.show.insertAfter.formi:last; }; $'.all'。单击时,.cancel,函数{ $this.closest'.formi'.remove; }; }; 福米先生{ 边框:1px000; 宽度:50%; 显示:无; } 加+ 一 二 好啊 取消
尝试“隐藏/显示”以显示或隐藏元素

$document.readyfunction{ $.formi.hide;//在页面就绪时隐藏它您可以为此使用css $.Add.clickfunction{ $.formi.eq0.clone.insertAfter.formi:last.show;//在附加它之后显示它 }; $'.all'。单击时,.cancel,函数{ $this.parents'.formi'.remove; }; }; 福米先生{ 边框:1px000; 宽度:50%; } 加+ 一 二 好啊 取消
单击“添加活动类”,并以正常形式显示“无”

 form {
  display: none;
 }
 form.active {
   display: block;
 }

您是否考虑过一个简单的if-else语句?另一个用户的相同代码。这是什么?只是一个指针,但你有。里面的取消点击功能。添加的点击功能。这将导致在同一个元素上有多个事件。我可以问你为什么使用$'.all'来单击取消吗?@stackbaz,在使用事件委派时,我们需要最接近的静态容器。因此,all