0

ファイルの削除に関して問題があります。私は[ここ][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;   
}
4

2 に答える 2

0

これを試して：

 $(".deletefileimage").on("click", function(event) {
        $(this).closest(".listImage").remove();
    });
于 2012-04-30T21:56:35.040 に答える
0

あなたがすべきことは、各ファイル/削除ボタンを独自のdivでラップし、ユーザーが削除を押したときにそのdivを削除することです。

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


そしてクリックイベントで

$(this).parent().remove();
于 2012-04-30T21:59:45.793 に答える