重新加载父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>

我无法将friendchatbox与div1分开，因为它们处于单个循环中。点击div1中的链接后，将打开friendchatbox。 有没有办法重新加载div1而不影响好友框。

Answer 1

您无法重新加载元素，并且不会重新加载子元素。

简单地拆分代码将解决问题。然后，您只需刷新$('#loggedinfriends')

即可

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

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