如何使用load()刷新div而不复制元素? [英] How can I use load() to refresh a div without duplicating the element?

问题描述

我使用此代码用id="my"刷新div:

I use this code to refresh a div with the id="my":

<script type="text/javascript">
function recp() {
  setInterval(function() 
{
    $("#my").load(location.href+ ' #my');
});
}
</script>


<div id="my"><?php echo date('a:i:s'); ?></div>

它可以工作，但是会生成以下代码:

It works, but it generates this code:

<div id="my"><div id="my">pm:25:40</div></div>

如何在不生成双重div的情况下刷新div?

How can refresh the div without generating a double div?

换句话说，如何只能刷新此div:

In other words how can refresh only this div:

<div id="my"><?php echo date('a:i:s'); ?></div> 

推荐答案

添加另一个div作为容器并向其加载内容.

add another div as a container and load content to it, like that.

<script type="text/javascript">
function recp() {
  setInterval(function() 
  {
    $("#result").load(location.href+ ' #my');
  });
}
</script>

<div id="result">
  <div id="my"><?php echo date('a:i:s'); ?></div>
</div>

这篇关于如何使用load()刷新div而不复制元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！