Löschen Sie dynamisch generierte Bilder

Question

Dies ist meine aktuelle demo. Ich versuche, Bilder dynamisch zu laden und jetzt möchte ich wissen, wie ich alle Bilder von allen Seiten mit einem Klick auf die Schaltfläche entfernen.

Hier ist mein Code:

 $(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); 

       }); 

      } 
     }); 

Das ist meine div Struktur:

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

Vielen Dank im Voraus.

Answer 1

Dies sollte es tun.

$ ("LoadclickImage") entfernen();

Nachschlagen .remove() in der jQuery docs. Beachten Sie auch .detach().