Javascript 如何在.html（数据）之后保留某些div

假设我有一个像这样的

div

：

<div id = "foo" style = "display: grid">
    <div id = "bar"> keep me! </div>
</div>

$('#foo').html(data);

---

使用AJAX调用和检索数据，它将覆盖

#bar

。我该如何防止这种情况？在我进行另一个AJAX调用后，我希望保留

#bar

，但不保留上一个AJAX调用插入的其他元素。

更改代码如下：

<div id = "foo" style = "display: grid">
    <div id = "bar"> keep me! </div>
    <div id="nothing"></div>
</div>

---

更改代码如下：

<div id = "foo" style = "display: grid">
    <div id = "bar"> keep me! </div>
    <div id="nothing"></div>
</div>

---

您可以使用

after

在（数据）之后添加sibling元素-

$（“#bar”）
您可以阅读更多关于
after
和
insertAfter
的信息。您可以使用
after
在（数据）之后添加sibling元素-
$（“#条”）
您可以在
之后和
之后插入
阅读更多关于
的内容。好的，您应该将
条
存储到变量中，调用
ajax
，然后用
条添加
数据

var bar = $('#bar')[0].outerHTML;
// Call ajax
// In Response do the following
data += bar; // added bar after response
// OR
data = bar + data; // added bar before response
// Then write to your div
$('#foo').html(data);
// Or
$('#foo').empty().append(data);

那么，您应该将
bar
存储到一个变量中，调用
ajax
，然后用
bar
附加
数据

var bar = $('#bar')[0].outerHTML;
// Call ajax
// In Response do the following
data += bar; // added bar after response
// OR
data = bar + data; // added bar before response
// Then write to your div
$('#foo').html(data);
// Or
$('#foo').empty().append(data);

但是，如果我再调用一次AJAX，它会不会继续追加，而不会删除旧数据？谢谢，但是一旦我处理完它，我该如何删除它呢？我想删除除了
bar
之外的所有内容。但是如果我再调用一次AJAX，它会不会继续追加，而不会删除旧数据？谢谢，但是一旦处理完它，我该如何删除它呢？我想删除除
条以外的所有内容。