Javascript 重复组中的重复字段jQuery

Javascript 重复组中的重复字段jQuery,javascript,jquery,jquery-plugins,duplicates,Javascript,Jquery,Jquery Plugins,Duplicates,有人知道如何在复制的组中复制字段吗? 我用recopy jQuery尝试了它,但没有按预期工作 这是我的克隆字段: 如果我点击AddText1,它会克隆可复制字段。 但它只复制了removelink! 希望这些信息对你来说足够了 $(函数(){ var removeLink=''; $('a.add').relCopy({append:removeLink}); }); /** *jQuery插件“relCopy” * *@version:1.1.012010年2月25日 * *@作者:安

有人知道如何在复制的组中复制字段吗? 我用recopy jQuery尝试了它,但没有按预期工作

这是我的克隆字段: 如果我点击AddText1,它会克隆可复制字段。 但它只复制了removelink! 希望这些信息对你来说足够了

$(函数(){
var removeLink='';
$('a.add').relCopy({append:removeLink});
});
/**
*jQuery插件“relCopy”
* 
*@version:1.1.012010年2月25日
* 
*@作者:安德烈斯·维达尔
*          code@andresvidal.com
*          http://www.andresvidal.com
*
*说明:使用jQuery类型选择器对元素调用$(选择器).relCopy(选项)
*在属性“rel”标记中定义。这定义了要复制的DOM元素。
*@example:$('a.copy').relCopy({limit:5});//
*
*@param:string excludeSelector-用于排除元素及其子元素的jQuery选择器
*@param:integer limit-允许的副本数。默认值:0是无限制的
*@param:string append-要在每个副本末尾附加的HTML。默认值:删除链接
*@param:string copyClass-要附加到每个副本的类
*@param:boolean clearInputs-清除每个文本输入字段或文本区域的选项
* 
*/
(函数($){
$.fn.relCopy=函数(选项){
var settings=jQuery.extend({
excludeSelector:“.exclude”,
清空选择器:“.empty”,
copyClass:“复制”,
附加:“”,
clearInputs:对,
限制:0//0=无限制
},选项);
settings.limit=parseInt(settings.limit);
//循环每个元素
这个。每个(函数(){
//设置单击操作
$(此)。单击(函数(){
var rel=$(this).attr('rel');//jquery选择器格式的rel
变量计数器=$(相对).length;
//止损
if(settings.limit!=0&&counter>=settings.limit){
返回false;
};
var master=$(rel+“:first”);
var parent=$(master.parent();
var clone=$(master).clone(true).addClass(settings.copyClass+counter).append(settings.append);
//使用excludeSelector删除元素
if(设置.排除选择器){
$(克隆).find(设置.excludeSelector.remove();
};
//使用emptySelector清空元素
如果(设置.清空选择器){
$(克隆).find(settings.emptySelector.empty();
};								
//增量克隆ID
if($(克隆).attr('id')){
var newid=$(克隆).attr('id')+(计数器+1);
$(克隆).attr('id',newid);
};
//增量克隆子ID
$(克隆)。查找(“[id]”)。每个(函数(){
var newid=$(this.attr('id')+(计数器+1);
$(this.attr('id',newid);
});
//清除输入/文本区域
if(设置.clearInputs){
$(克隆).find(':input').each(函数(){
var type=$(this.attr('type');
开关(类型)
{
案例“按钮”:
打破
案例“重置”:
打破
案例“提交”:
打破
案例“复选框”:
$(this.attr('选中','');
打破
违约:
$(此).val(“”);
}						
});					
};
$(父).find(rel+':last')。在(克隆)之后;
返回false;
});//结束单击操作
});//结束每个循环
返回此;//返回jQuery
};
})(jQuery)

Wähle: 3. 2. 1.
文本:

  • 如果可以避免,请不要将内联事件处理程序与jQuery一起使用。它无缘无故地将事件注册与事件处理程序分离(并且您错过了其他很酷的jQuery事件特性)。如果项目是动态添加的,则使用附加到未更改的祖先元素的委托事件处理程序
  • e、 g

    这将侦听事件冒泡到文档(如果没有其他更接近/更方便的情况,这是最佳默认设置)。然后它应用jQuery选择器,因此项目只需要在事件发生时匹配!非常适合动态元素

  • 不能嵌套段落标记。例如,我将它们替换为div(可以嵌套)
  • JSFiddle:

  • 您的实际解决方案很难确定,因为您正在克隆现有项而不是隐藏项/模板项。这意味着您可能正在克隆克隆和多个克隆。如果你能更清楚地解释最终结果,我可能会提供一个更清晰的建议:)

  • 欢迎来到SO。请访问了解如何提问您需要显示您尝试过的代码,否则无法说出它有什么问题。我已经添加了我尝试过的代码;)html无效,无法将
    嵌套为另一个
    的子级,现在该怎么办?
    $(document).on('click', '.remove', function(e){
        e.preventdefault();
        $(this).parent().slideUp(function(){ $(this).remove() });
    });