Заменить объект боке внутри div по щелчку

Question

Я могу получить объект боке для правильной визуализации внутри div на веб-странице. Объект боке возвращается через Flask и создается на основе щелчка пользователем. Однако моя проблема в том, что при каждом щелчке пользователя новый созданный объект боке добавляется к div.

Я читал о способе замены содержимого. html (), а также читал о document.getElementById, но я не уверен, как заменить содержимое моего div и избежать добавления . Любая помощь приветствуется.

Соответствующий фрагмент из моего индекса. 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();