1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ????<meta charset="UTF-8"> 5 ????<title>Title</title> 6 ????<script src="jquery-3.2.1.js"></script> 7 </head> 8 <body> 9 ????<div ?id="outer">10 ????????<div id="item">11 ????????????<input value="+" type="button" onclick="add(this)">12 ????????????<input type="text" size="10px">13 ????????</div>14 ????</div>15 <script>16 ????function add(ev) {17 ????????var copyer=$(ev).parent().clone(); ????????????// 设置一个变量等于要拷贝的内容,找到此标签的父级,clone()克隆.18 ????????copyer.children(":button").attr("value","-").attr("onclick","del(this)"); //按设定需求 把克隆内容里的value和onclick事件改变19 ????????$("#item").after(copyer); ?????????????????????// 或者用$("#outer").append(copyer); 一个是找到兄弟的加入同级标签,一个是找到父级标签20 ??????????????????????????????????????????????????????????????????????????????????????????//加入的方法也不同21 ????}22 ????function del(ev) {23 ????????$(ev).parent().remove()24 ????}25 </script>26 </body>27 </html>本例是为了用jquery实现标签的添加,并改变元素.点加号可以增加复制的input标签,但是属性已经被改变,这里用到了colne()克隆方法;如果点减号,则删除了添加的本行.
jquery点击事件后增加克隆的标签,并改变克隆的属性加入
原文地址：http://www.cnblogs.com/laoguiaabb/p/8043493.html