当前位置:Gxlcms > JavaScript > jQuery中clone()函数实现表单中增加和减少输入项

jQuery中clone()函数实现表单中增加和减少输入项

时间:2021-07-01 10:21:17 帮助过:25人阅读

本文主要给大家介绍了jQuery中clone()函数实现表单中增加和减少输入项的实例代码,非常不错,具有参考借鉴价值,需要的朋友参考下吧,希望能帮助到大家。

之前一直没有深入了解到clone()函数的方法,所以对应表单中增加和减少输入项一直使用如:


问题在于得出的copy_html直接是HTML内容代码,未经过object封装,而使用:


得出未object对象类型,若$(选择器)包含了某个触发,如 onclick,如果想copy_html继续沿用onclick方法,只需添加true:clone(true)使用。

直接上图:

点击“+”,拷贝自身,并在自身之前追加:

增加方法:


最后贴上HTML代码:


相关推荐:

jQuery中clone()函数用法实例详解

jQuery.clone() 函数实例详解

对jQuery中 clone()和 extend()的比较与使用

以上就是jQuery中clone()函数实现表单中增加和减少输入项的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行