Javascript 复制按钮栏而不进行克隆

Javascript 复制按钮栏而不进行克隆,javascript,jquery,duplicates,clone,cloneable,Javascript,Jquery,Duplicates,Clone,Cloneable,我有一个问题,复制一个按钮栏,而不制作和准确克隆的第一个按钮栏。在我的尝试中,表单中的第二个按钮栏无法正常工作。单击这些按钮时,它们不会执行任何操作。我希望所有重复的按钮栏是新的和独立的。对此,我们将不胜感激。请以我的工作代码为例 名称 金额 克隆节中的按钮不起作用,因为默认情况下,.clone()不会复制事件处理程序。如果还希望复制事件处理程序,则应使用.clone(true) 以这种方式克隆事件时,请确保更精确地拾取事件处理程序中的目标元素 例如: //following l

我有一个问题,复制一个按钮栏,而不制作和准确克隆的第一个按钮栏。在我的尝试中,表单中的第二个按钮栏无法正常工作。单击这些按钮时,它们不会执行任何操作。我希望所有重复的按钮栏是新的和独立的。对此,我们将不胜感激。请以我的工作代码为例


名称

金额



克隆节中的按钮不起作用,因为默认情况下,
.clone()
不会复制事件处理程序。如果还希望复制事件处理程序,则应使用
.clone(true)

以这种方式克隆事件时,请确保更精确地拾取事件处理程序中的目标元素

例如:

//following line will show/hide tabs the $(document) //incorrect
jQuery('.tabs ' + currentAttrValue).show().siblings().hide(); 

//following line will show/hide only tabs inside particular ('.form-section') //correct
jQuery(this).parents('.form-section').find('.tabs ' + currentAttrValue).show().siblings().hide(); 
jQuery('.tabs.tab links a')。on('click',函数(e){…})需要是一个代理选择器,就像添加和删除行选择器一样。
//following line will show/hide tabs the $(document) //incorrect
jQuery('.tabs ' + currentAttrValue).show().siblings().hide(); 

//following line will show/hide only tabs inside particular ('.form-section') //correct
jQuery(this).parents('.form-section').find('.tabs ' + currentAttrValue).show().siblings().hide();