码迷,mamicode.com
首页 > Web开发 > 详细

jquery点击事件后增加克隆的标签,并改变克隆的属性加入

时间:2017-12-15 16:25:07      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:rip   copy   cti   str   one   char   变量   pen   lan   

 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点击事件后增加克隆的标签,并改变克隆的属性加入

标签:rip   copy   cti   str   one   char   变量   pen   lan   

原文地址:http://www.cnblogs.com/laoguiaabb/p/8043493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!