Javascript Jquery-如何使用新内容更新div

我的网页中有一个图表，每当我单击图表中的某个点时，我都希望一个div被更新为新内容。通过我的函数，我成功地更新了它，但是当我点击一个新的点时，新的内容会添加到旧的点上，依此类推，因为我只想在我的div中包含当前的内容

以下是我的功能：

$(document).ready(function() {
    $(div_to_update).text(content);
});

}

我试图实现

$("#chart_div").click(function()
   $('#div_to_update').remove();
});

---

但是很明显，它删除了我的div，我无法恢复它。

如果要从DOM中删除匹配元素集的所有子节点，请使用

empty（）

我认为，如果您想在单击某个内容时更改div中的数据，

你可以这样做：

<script>
$(document).ready(function() {
   $(".point").click(function() {
      var content = $(this).attr('value');
      $("#div-to-update").html(content);
   });
});
</script>


$（文档）.ready（函数（）{
$（“.point”）。单击（函数（）{
var content=$（this.attr（'value'）；
$（“#div to update”）.html（内容）；
});
});

在页面的正文中

<div id='graph'>
   <div class='point' value='10'>
   <div class='point' value='100'>
   <div class='point' value='1000'>
</div>

<div id='div-to-update'>
    // when point is clicked, content here will change
</div>


//单击点时，此处的内容将更改
如果要删除div内部，请使用此功能

$("#div_to_update").empty();

另外.text（content）仅将内容设置为文本，而不是html。
如果要将其设置为html，请使用如下函数

$("#div_to_update").html(content);

什么是
$（文档）。准备好了吗？此外，第一个函数应该替换
#id
的内容，因此可能您传递的id是错误的？首先，您说您添加了内容，而不是说您想删除，或者您说您无法恢复内容。。。来吧，下定决心，把你的问题修改成可以理解的东西。也许一个演示，看看你想要什么，会有帮助。@RokoC.Buljan我想我已经说清楚了。我说了它会发生什么：“当我点击一个新的点时，新的内容会添加到旧的点上，依此类推”以及我期望发生的事情：“假设我只想在我的div中有当前的内容。”。然后我说“remove（）”显然删除了DIV和ofc，我不再需要更新这个DIV了。“我不明白你为什么要这么尖锐……”亚历克斯·托马森，如果听起来尖锐，我向你道歉！很难理解将要删除的内容等。谢谢，这真的很有用。
$("#div_to_update").html(content);