Question

假设我的页面上有3个div。

<div id='1'></div>

<div id='2'></div>

<div id='3'></div>

目前我正在使用它来创建一个Div：

 auto_refresh = false;  
 if (auto_refresh === false) { 
   auto_refresh = setInterval(function (){$('#1').load(thisurl + '&timer=' + new Date().getTime() + ' #1' );}, 5000); 
 } else {
   clearInterval(auto_refresh); auto_refresh = false;
 }

我想每5秒更新div 1和2，但不是div 3.我怎样才能使用Jquery？另外要补充的是，DIV的id将是动态的。

Answer 1

就像人们提到的那样，你想要使用setInterval。刷新一些但不是全部的一种方法是使用class选择器，而不是id。如果你必须使用id，那么你需要使用一些规则来排除第三个div。

然后我将刷新逻辑放入一个函数中，并从setInterval内部调用该函数。

Answer 2

使用setInterval功能：

setInterval(function()
           { 
              $('#1').fadeOut('slow').load('your url').fadeIn("slow");
              $('#2').fadeOut('slow').load('your url').fadeIn("slow");
           }
           , 5000);

Answer 3

只要选择它们，并根据（缺少其他）结构，你可以将它们分类并抓住“前两个”：

<div class="c" id='1'>1</div>
<div class="c" id='2'>2</div>
<div class="c" id='3'>3</div>

<script type="text/ecmascript">
$(document).ready(function () {

    $('div.c:lt(2)').html("updated");

});
</script

刷新同一页面上的多个Div

3 个答案: