json配列自体を削除するには？

Question

ボタンをクリックしたときに画像をプレビューしようとしています。問題が発生するのは、表示される最初のイメージをクリックしてから2番目のイメージをクリックすると、両方のイメージが一緒に表示されるということです。一度に1つのイメージだけを表示できますか？ここに私のjqueryのコードは、あなたが常に要素に追加され、

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

appendはに別の要素を追加します、appendを使用しないでください。コンテナ代わりにhtmlを使用してください。これにより、既存のコンテンツが新しいコンテンツに置き換えられます。

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

Answer 2

です：

最初にそれを空にしてみてください。

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