ファイル名を削除する方法と、すべてのファイル名を削除する方法はありますか？

Question

ファイルを削除する際に問題があります。私は[ここ] [1]のアプリケーションを持っています。

アプリを使用するには、[追加]ボタンをクリックします。ファイルの入力を含む表の行が表示されます。ファイルの入力と「アップロード」ボタンをクリックして、いくつかの小さなファイルをアップロードしてください。これで、ファイルをアップロードすると、ファイルの名前がテーブルの行の下に表示され、各ファイル名には「削除」ボタンが表示されます。

ここで問題は、ファイル名を削除したいとします。「削除」ボタンをクリックすると、間違っているファイル名がすべて削除されます。削除するファイル名だけを削除する必要があります。また、別のファイルを試してアップロードしようとすると、ファイル名を削除した後もファイル名は表示されません。

私の質問は、ユーザーがファイル名を削除したときに、関連付けられているファイル名だけを削除し、すべてのファイル名を削除しないようにするためです。ユーザーが別のファイルをアップロードするときにファイル名を削除した後、そのファイルのファイル名が表示されます。以下は

<ul class='listImage' align='left'> 

はjavascriptのコードです：：以下

はにファイル名が、ボタンや水平線を削除するコードが追加されている

function stopImageUpload(success, imagefilename){ 

     var result = ''; 

     if (success == 1){ 
     result = '<span class="msg">The file was uploaded successfully!</span><br/><br/>';  
     $('.listImage').append(htmlEncode(imagefilename) + '<button type="button" name="deletefileimage" class="deletefileimage">Delete</button><br/><hr/>'); 
     } 
     else { 
     result = '<span class="emsg">There was an error during file upload!</span><br/><br/>'; 
     } 

      $(".deletefileimage").on("click", function(event) { 

     $(this).parents("form:first").find(".listImage").replaceWith(""); 

    }); 

     return true; 
} 

Answer 1

あなたがするべきことは、各ファイル/ deletebuttonを自分のdivで囲み、そのdivを削除するときです。削除します。

$('.listImage').append('<div>' + htmlEncode(imagefilename) + '<button type="button" name="deletefileimage" class="deletefileimage">Delete</button><br/><hr/><div>'); 

し、Clickイベントで

$(this).parent().remove(); 

Answer 2

これを試してみてください。

$(".deletefileimage").on("click", function(event) { 
     $(this).closest(".listImage").remove(); 
    });