<!DOCTYPE HHTML"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Add And Close Div</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <body> <form action="" method="post" enctype="multipart/form-data"> <label>請選擇上傳的圖片</label> <a href="#" id="addImg">增加圖片</a> <div class="mdiv" id="mdiv"> <div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div> </div> <input type="submit" name="submit" value="上傳圖片" /> </form> </body> <script type="text/javascript"> $(document).ready(function(){ //點擊切換寬帶展示 $("#addImg").on("click",function(){ $("#mdiv").append('<div class="iptdiv" ><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a></div>'); bindListener(); }); function bindListener(){ $("a[name=rmlink]").unbind().click(function(){ $(this).parent().remove(); }); } }); </script> </html>