Wie lösche ich ein JSON-Array selbst?

Question

Ich versuche, eine Vorschau der Bilder anzuzeigen, wenn auf die Schaltfläche geklickt wird. Problem ist, dass wenn ich auf das erste Bild klicke, es erscheint und wenn ich dann auf das zweite Bild klicke, werden beide Bilder zusammen angezeigt. Wie kann ich nur ein Bild auf einmal anzeigen? Hier ist meine jQuery-Code,

function Preview(id) 
{ 
$("#Preview_modal").modal("show"); 
    $.post("readUserDetails.php", { 
     id: id    
    }, 
    function (data, status) { 
    var user1 = JSON.parse(data);  
    $("#element").append($("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image)); 
    }); 
} 

Answer 1

nicht Verwenden append, append ein weiteres Element hinzufügen wird der Kontainer. Verwenden Sie stattdessen html, dies ersetzt den vorhandenen Inhalt durch den neuen.

$("#element").html(
    $("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image) 
); 

Answer 2

Sie sind immer an das Element angehängt:

Versuchen Sie es zuerst leeren:

$("#element").empty().append($("<img />").attr('src', 'data:image/png;charset=utf8;base64,' + user1.image));