0

ページにマルチカウントダウンを作成しようとしています。次のようになります。

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

各カウントダウンは、行ID値から始まります。これが私のコードですが、機能しません：

$(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);
  });  
});

お手伝いありがとうございます ：）

ファビアン

4

1 に答える 1

4 
$(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/

于 2011-03-19T07:39:20.800 に答える