如何獲得點擊的動態綁定錨標簽的父div？

Question

如何獲得點擊的動態綁定錨標簽的父div？ 我在文件上傳按鈕單擊時將多個圖像與多個刪除錨標記綁定在一起。 像下面

$('#images').on('change', function(e) {
      var files = e.target.files;
      $.each(files, function(i, file) {
            fileCollection.push(file);
            var reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = function(e) {

                var templated = '<div id="imgPreView' + i + '" class="col-md-2">&nbsp;&nbsp;&nbsp;' +
                  '<img class="img-responsive" id="targetImg' + i + '" src="' + e.target.result + '"/> ' +
                  '<div class="caption">' +
                  '<a href="#" onclick="ClearPreview(' + i + ')"><i class="fa fa-trash-o"></i></a>' +
                  '<span id="description"></span>' +
                  '</div>' +
                  '</div>';

                $('#images-to-upload').append(templated);

但是當我想在ClearPreview（）函數中刪除圖像時，它會刪除正確的索引div和圖像，但是當我應該上傳其他圖像並嘗試刪除一些索引的img但其刪除一些其他的img ...

function ClearPreview(i) {
  $('#images' + i).val('');
  $('#imgPreView' + i).remove();
}

那么如何刪除當前錨標記的單擊圖像和div？

Answer 1

$(this).parent(); 對您的ClearPreview（）函數的語句將為您動態分配具有類“標題”的單擊元素的父div