メッセージを正しい行に表示する方法と、すべての行を表示する方法はありませんか？

Question

以下は、ファイルが独自のテーブル行にアップロードを完了した後に発生することを制御する機能です。各テーブル行は、ユーザーがファイルをアップロードできるファイル入力から構成され、ファイルの名前が自身のテーブル行に追加されます。

ファイルが正常に実行された場合は正常終了を示し、アップロードに失敗した場合はエラーが発生したことを示すメッセージが表示されます。しかし、私はまた、ユーザーが "削除"ボタンをクリックしてファイルを削除できる機能の中に、別の機能を持っています。私が持っている唯一の問題は、このコードの行である：

$(".imagemsg").html(data); 

はのは、私は2つのテーブルの行を持っているとしましょう、と私は、最初の行のファイルを削除し、.imagemsg内のメッセージは、最初に表示されます行が削除された行であるため、第1行と第2行にメッセージを表示すべきではありません。

$(".imagemsg").html(data);にメッセージを追加する必要があるので、ファイルの削除が発生し、すべての行にある.imagemsgには表示されません。

function stopImageUpload(success, imagefilename){ 

     var result = ''; 

     if (success == 1){ 
     result = '<span class="imagemsg">The file was uploaded successfully!</span><br/><br/>';  
     $('.listImage').eq(window.lastUploadImageIndex).append('<div>' + htmlEncode(imagefilename) + '<button type="button" class="deletefileimage" image_file_name="' + imagefilename + '">Remove</button><br/><hr/></div>'); 
     } 
     else { 
     result = '<span class="imageemsg">There was an error during file upload!</span><br/><br/>'; 
     } 


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

     var image_file_name = $(this).attr('image_file_name'); 

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

    jQuery.ajax("deleteimage.php?imagefilename=" + image_file_name) 
     .done(function(data) { 
     $(".imagemsg").html(data); 
     }); 


    }); 

     return true; 
} 

Answer 1

は、コールバック関数に関連する要素を渡します。

以下は完全なコードです。既に$(this)があるので、その行から正しい行を取得して変数に入れ、コールバックでその結果にアクセスして結果を正しい場所に配置することができます。