Обновление нескольких Div на одной странице

Question

Допустим, у меня на странице 3 деления.

<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;
 }

И я хочу обновлять div 1 и 2 каждые 5 секунд, но не div 3. Как это сделать с помощью Jquery? Еще одна вещь, которую нужно добавить, это то, что идентификаторы DIV будут динамическими.

Answer 1

Как уже упоминалось, вы хотите использовать setInterval. Один из способов обновить некоторые, но не все, - использовать селектор class вместо id. Если вы должны использовать идентификаторы, то вам нужно использовать какое-то правило, чтобы исключить это третье деление.

Затем я бы поместил вашу логику обновления в функцию и вызвал бы функцию из setInterval .

Answer 2

Что касается простого их выбора и на основе (отсутствия другой) структуры, вы можете классифицировать их и получить "первые два":

<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

Answer 3

Использование setInterval Функция:

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