JQuery функция мультисчет .each () - PullRequest
Новая
       7

JQuery функция мультисчет .each ()

0 голосов
/ 19 марта 2011

Я пытаюсь сделать мультисчет на странице, который выглядит следующим образом: 

<table>  
  <tr id="4236377487">
    <td class="remain"></td>
    <td>Something</td>
  </tr>
  <tr id="768769080">
    <td class="remain"></td>
    <td>Something else</td>
  </tr>
</table>

Отсчет должен быть помещен в: 

<td class="remain"><!-- countdown --></td>

Каждый отсчет начинается сзначение идентификатора строкиВот мой код, но он не работает: 

$(document).ready(function(){  
  $('.remain').each(function () {
     var count = $(this).attr("id");
     countdown = setInterval(function(){
     $(this).html(count + " seconds remaining!");
     if (count == 0) {
       //do something
     }
     count--; 
     }, 1000);
  });  
});

Спасибо за вашу помощь:)

Fabien

1 Ответ

4 голосов
/ 19 марта 2011 
$(document).ready(function(){  
  $('tr[id]').each(function () {
     var $this = $(this);
     var count = parseInt($this.attr("id"));
     countdown = setInterval(function(){
         $('.remain', $this).html(count + " seconds remaining!");
         if (count-- == 0) {
           //do something
           clearInterval(countdown);
         }
     }, 1000);
  });  
});

Попробуйте здесь: http://jsfiddle.net/moeishaa/PwG45/

...