单击时替换 div 内的散景对象

Question

我能够让散景对象在网页上的 div 中正确呈现。散景对象通过 Flask 返回，并根据用户点击生成。但是，我的问题是每次用户单击时，生成的新散景对象都会附加到 div。

我已经阅读了 .html() 替换内容的方法，我还阅读了 document.getElementById，但我不确定如何替换我的 [=21] =] 内容并避免追加。任何帮助表示赞赏。

我的 index.html

中的相关片段

rows.forEach(row => {

    row.addEventListener("click", () => {
        var pic = <<my_url>> + ($(row).attr("data-href"));
        $.ajax({
            data : {},
            dataType: "json",
            type : 'GET',
            url : <<my flask app path>>
        })
        .then(function(response) {return response;})
        .then(function(item) {
            Bokeh.embed.embed_item(item);
        })
    });
});

Answer 1

清空 div 单击的内容是我用来解决我的情况的方法。即

$(div).empty();

单击时替换 div 内的散景对象

Replace bokeh object inside div on-click

html

jquery

bokeh