Jquery Dynamic Add Delete element elements added with JS cannot delete the problem

Use the JQuery method's binding to listen and destroy to solve the added deletion of dynamic div:

Correct code:

<script type= "Text/javascript" >$ (document). Ready (function () {Bindlistener ();}) function Addimg () {$ ("#mdiv"). Append (' <div ><input type= "file" Name= "img[]"/><a href= "#" Name= "Rmlink" >X</a></div> '); Add Event Listener Bindlistener () to the new element node; Used to bind an event (using Unbind to avoid duplicate binding) function Bindlistener () {$ ("A[name=rmlink]"). Unbind (). Click (function () {$ (this). Parent ().    Remove (); })}</script> This is the existence of an event binding process, if not through the JS added to the div inside no event will not be executed, added the Listen event function to run correctly