JQuery动态增加删除元素

青衣

<form action="" method="post" enctype="multipart/form-data">
    <label>请选择上传的图片</label> <a href="javascript:addimg()">增加图片</a>
    <div class="mdiv" id="mdiv">
      <div class="iptdiv">
        <input type="file" name="img[]" class="ipt" /><a href="#"
          name="rmlink">XXX</a>
      </div>
    </div>
    <input type="submit" name="submit" value="上传图片" />
  </form>
  <script type="text/javascript">
    $(document).ready(function() {
      bindListener();
      
    })
    function addimg() {
      $("#mdiv").append(
              '<div class="iptdiv" ><input type="file" name="img[]" class="ipt" />'+
              '<a href="#" name="rmlink">XXX</a></div>');
      //为新元素节点添加事件侦听器
      bindListener();
      
    }
    
    function bindListener(){
      $("a[name='rmlink']").unbind().click(function(){
        $(this).parent().remove();
      })
      
    }
  </script>