如何在下面的代碼中刪除動態創建的圖像？

Question

這是我動態創建的圖像：

function handleFileSelect(evt) { 
       var files = evt.target.files; // FileList object 
       // Loop through the FileList and render image files as thumbnails. 
       for (var i = 0, f; f = files[i]; i++) { 
        // Only process image files. 
        if (!f.type.match('image.*')) { 
         continue; 
        } 
        fileNames.push(f.name); 
        var reader = new FileReader(); 
        // Closure to capture the file information. 
        reader.onload = (function(theFile) { 
         return function(e) { 
          // Render thumbnail. 
          var span = document.createElement('span'); 
          span.innerHTML = ['<img class="thumb" id="',escape(theFile.name),'" src="',e.target.result, 
          '" title="', escape(theFile.name), '"/><input class="delete" type="button" value="delete" name="',escape(theFile.name),'"/>'].join(''); 
          document.getElementById('list').insertBefore(span, null); 
         }; 
        })(f); 
        // Read in the image file as a data URL. 
        reader.readAsDataURL(f); 
       } 

而這正是我想要刪除的圖像時，我按下按鈕：

$('#list').on("click",".delete",function(e){ 
       $(e.target).remove(); 

      }); 

Answer 1

作爲圖像按鈕你面前點擊

$('#list').on("click",".delete",function(e){ 
    $(this).prev('img').remove(); 
});