使用jqueryのカウントダウンは

Question

はカウントダウンのために、PHPのforeachループ内のjQueryを使用しようとしているが、それは唯一のforeachとディスプレイのforeachの他の項目のないカウントダウンの最新の行で動作

<div> 
    <div class="pull-right"> 
    <?php 
     $nota = DataDB::getInstance()->select_from_order($_SESSION['id'],'delivery_status');     
     foreach($nota as $pa): 
     $dev = DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$pa['delivery_status']);?> 
    <a data-toggle="modal" data-target="#count<?php echo $pa['trackingnumber'] ?>"><button class="btn btn-info"> 
    <p><?php echo $dev; ?></p> 
    <h4 style="color:#fff;"><div id="countdown"></div></h4> 
    <p>Hour min sec</p> 
    </button></a> 


<script src="js/jquery.countdown.min.js"></script> 
<script type="text/javascript"> 
     $('#countdown').countdown('<?php echo $pa['delivery_time']; ?>', function(event) { 
      $(this).html(event.strftime('%H:%M:%S')); 
     }); 
    </script> 
    <?php include ('account_count_modal.php'); ?> 
    <?php endforeach; ?> 
    </div> 
</div> 

Answer 1

カウンターを使用してコードを更新しました。

<script src="js/jquery.countdown.min.js"></script> 

<div> 
    <div class="pull-right"> 
    <?php 
    $nota = DataDB::getInstance()->select_from_order($_SESSION['id'],'delivery_status'); 
    $counter = 0;    
    foreach($nota as $pa): 
     $counter++; 
     $dev = DataDB::getInstance()->get_name_from_id('name','delivery_status','delivery_status_id',$pa['delivery_status']); 
    ?> 
     <a data-toggle="modal" data-target="#count<?php echo $pa['trackingnumber'] ?>"><button class="btn btn-info"> 
     <p><?php echo $dev; ?></p> 
     <h4 style="color:#fff;"><div id="countdown<?php echo $counter;?>"></div></h4> 
     <p>Hour min sec</p> 
     </button></a> 



     <script type="text/javascript"> 
      $('#countdown<?php echo $counter;?>').countdown('<?php echo $pa['delivery_time']; ?>', function(event) { 
       $(this).html(event.strftime('%H:%M:%S')); 
      }); 
     </script> 
    <?php include ('account_count_modal.php'); ?> 
    <?php endforeach; ?> 
    </div> 
</div>