jquery - 在不影响子 div 的情况下重新加载父 div

Question

我有一个类似聊天的系统，其中包含已登录朋友的 div 被重新加载。但问题是，当我重新加载这个 div 时。其中的 div 被重新加载，聊天框消失。我有一些这样的代码

<script>
setInterval(function() {
$('div#div1').load('./1.php #div1');
}, 5000);
</script>
<div id="loggedinfriends">
Some friends 
<div id="friendchatbox" style="position:fixed;right:2px;bottom:o;height:400px;">
and the content goes here
</div>

我无法将朋友聊天框与 div1 分开，因为它们在一个循环中。单击 div1 中的链接后，朋友聊天框会打开。有什么方法可以在不影响好友框的情况下重新加载 div1。

Answer 1

您不能重新加载元素，也不能从重新加载中排除子元素。

只需拆分代码即可解决问题。然后你可以简单地刷新$('#loggedinfriends')

<div>
  <div id="loggedinfriends">
    ...
  </div>
  <div id="friendchatbox">
    ...
  </div>
</div>

编辑：嗯，这并不完全正确。您显然可以获取子元素的内容，记住，刷新div1，然后恢复该子元素的内容。然而，不应该有任何理由这样做。