清除动态生成的图像

Question

这是我当前的demo。我正在尝试动态加载图像，现在我想知道如何通过单击按钮从所有页面中删除所有图像。

这是我的代码：

     $(function () {
        $('#fileupload').fileupload({

            dataType: 'json',
            done: function (e, data) {
                $("#demo5").paginate({
                    count: pageNumber,
                    start: 1,
                    display: Math.min(7, pageNumber),
                    border: true,
                    border_color: '#fff',
                    text_color: '#fff',
                    background_color: 'black',
                    border_hover_color: '#ccc',
                    text_hover_color: '#000',
                    background_hover_color: '#fff',
                    images: false,
                    mouse: 'press',
                    onChange: function (page) {
                        $('#paginationdemo ._current').removeClass('_current').hide();
                        $('#p' + page).addClass('_current').show();
                    }
                });
                $.each(data.result, function (index, file) {

                    if (imagesInPage >= imagesPerPage) {
                        imagesInPage = 1;
                        pageNumber += 1;
                        divPage = $('<div/>', { id: "p" + pageNumber }).addClass('pagedemo').hide().appendTo(pagesContainer);
                    } else {
                        imagesInPage += 1;
                    }
                    var src = 'Uploads/' + file.name;
                    $('<img>', { src: src, href: src, "class": 'LoadclickImage', align: 'left', width:'87', height:'60' }).appendTo(divPage);

                });

            }
        });

这是我的 div 结构：

<div id="paginationdemo" class="demo">
    <div id="pagesContainer">
        <div id="p1" class="pagedemo _current"></div>
    </div>
    <div id="demo5"></div>
</div>

提前致谢。

Answer 1

应该这样做：

$(".LoadclickImage").remove();

在jQuery docs 中查找.remove()。也可以考虑.detach()。