如何将删除图标添加到附加图像

Question

我使用以下代码将图像附加到我的 div：

$(function() {

var imagesPreview = function(input, placetoinsert) {

    if (input.files) {
        var filesAmount = input.files.length;

        for (i = 0; i < filesAmount; i++) {
            var reader = new FileReader();
            if (i>=5) {
                break;
            }
            reader.onload = function(event) {
                $($.parseHTML('<img>')).attr('src', event.target.result).appendTo('.preview').addClass('added_images');

            }
            reader.readAsDataURL(input.files[i]);
        }
    }
};

$('#gallery-photo-add').on('change', function() {
    imagesPreview(this, 'div.gallery');
});
});

我从视图中的输入文件字段获得的图像。现在我想为每个图像附加另一个图像，如“删除”。我该怎么做？我的 div 现在是空的：

<div class="preview">

            </div>

Answer 1

我会简单地创建所需的 html，然后使用类似这样的东西：

$($.parseHTML('<div class="someClass">close</div>')).appendTo('.preview');

然后只听

$('.someClass').click(function(){
    // do stuff
});