如何刪除一個json數組本身？

Question

我試圖單擊按鈕時預覽圖像。出現的問題是，當我點擊第一張圖片時，它會顯示，然後當我點擊第二張圖片時，兩張圖片一起顯示。如何一次只顯示一張圖片？這裏是我的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));