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()克隆方法;如果點減號,則刪除了添加的本行.