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

对 ClearPreview（）函数的

$(this).parent();语句将为您动态分配具有“标题”类的单击元素的父div

如何获得点击的动态绑定锚标签的父div？

1 个答案: