[SOLUCIONADO] implementar each a multiples elementos

[nahuel_mardel]

Hola a todos , tengo una vista en donde tengo varios productos con foto, descripción etc, tengo que implementar una cuenta regresiva con jquery.
La cuenta regresiva funciona perfecto con el siguiente código (no se si esta del todo bien ya que soy novato, pero funciona! je):

Código:

<script type="text/javascript">
     $(document).ready(function() {
        var hasta = document.getElementById('fecha_comprar<?php echo $pack->id?>').value; 
         	 console.log(hasta); 
          $( "#getting-started").countdown(hasta, function(event) {
          $(this).text(event.strftime('%D dias %H:%M:%S')
          );
       });   
     });
    </script>

el problema es que solo se aplica a un elemento y después de probar bastante no puede hacer que se aplique a todos los elementos utilizando each.
me podrían orientar de como hacerlo correctamente?

[diurno10]

Primero pone la estructura html asi veo como implementar el each.
Segundo esto

Código Javascript:

var hasta = document.getElementById('fecha_comprar<?php echo $pack->id?>').value;
 

reemplazalo por esto

Código Javascript:

var hasta = $('fecha_comprar<?php echo $pack->id?>').val();
 

[nahuel_mardel]

Código:

 <div class="row">
       <?php foreach ($paquete as $pack){ ?>
         
       
              
                 <div class="large-3 vineta sin-padding columns">

                   <a href="#" class="th"><img src="../public/assets/img/irlanda.jpg" alt="img09"></a>
                   <p class="vineta-tit"><?php  $pack->titulo  ?></p>
                   <p class="vineta-tit vineta-tit-marg">Salidas en Agosto</p>
                   <p class="vineta-dia">8 dias / 7 noches</p>
                   <div class="row zi">
                     <div class="large-8  columns">
                       <p class="vineta-persona">x pers. en base doble</p>
                       <p class="vineta-precio ">$Ar3300</p>
                     </div>
                     <div class="large-4 zi3 columns ">
                       <a class="vineta-info zi3" href='<?php echo URL::to('cotizar/edit/'.$pack->id);?>'>+ Editar</a>
                     </div>
                     
                   </div>
                   <div class="vin">
                   <div class="large-12 vineta-borde-top columns">
                        <input type="hidden" id="fecha_comprar<?php echo $pack->id?>" name="fecha_comprar<?php echo $pack->id?>" value="<?php echo $pack->vigencia_comprar_hasta?>" >
                       <p class="vineta-oferta">Esta oferta finaliza en <span id="getting-started"></span></p>
                   </div>
                   </div>
                 </div>
              
               
      
         
        <?php } ?>   
	     
     </div>

ese es el codigo que genera cada producto , dentro de un foreach

[nahuel_mardel]

gracias por responder , ahi subi el codigo que me pediste !

[nahuel_mardel]

Código:

 <div class="row">
       <?php foreach ($paquete as $pack){ ?>
         
       
              
                 <div class="large-3 vineta sin-padding columns">

                   <a href="#" class="th"><img src="../public/assets/img/irlanda.jpg" alt="img09"></a>
                   <p class="vineta-tit"><?php  $pack->titulo  ?></p>
                   <p class="vineta-tit vineta-tit-marg">Salidas en Agosto</p>
                   <p class="vineta-dia">8 dias / 7 noches</p>
                   <div class="row zi">
                     <div class="large-8  columns">
                       <p class="vineta-persona">x pers. en base doble</p>
                       <p class="vineta-precio ">$Ar3300</p>
                     </div>
                     <div class="large-4 zi3 columns ">
                       <a class="vineta-info zi3" href='<?php echo URL::to('cotizar/edit/'.$pack->id);?>'>+ Editar</a>
                     </div>
                     
                   </div>
                   <div class="vin">
                   <div class="large-12 vineta-borde-top columns">
                        <input type="hidden" id="fecha_comprar<?php echo $pack->id?>" name="fecha_comprar<?php echo $pack->id?>" value="<?php echo $pack->vigencia_comprar_hasta?>" >
                       <p class="vineta-oferta">Esta oferta finaliza en <span id="getting-started"></span></p>
                   </div>
                   </div>
                 </div>
              
               
      
         
        <?php } ?>   
	     
     </div>

va el codigo!

[diurno10]

no m,e deja sunir el codigo entero este sitio del orto

<script>
$(document).ready(function() {
$( "div.columns" ).each(function( i ) {
//var hasta = $('fecha_comprar1').val();
var hasta = $(this).find('input').val();
//console.log(hasta);
$(this).find('.getting-started').countdown(hasta, function(event) {
$(this).text(event.strftime('%D dias %H:%M:%S'))
});
});


});

</script>

[nahuel_mardel]

Iniciado por diurno10

no m,e deja sunir el codigo entero este sitio del orto

<script>
$(document).ready(function() {
$( "div.columns" ).each(function( i ) {
//var hasta = $('fecha_comprar1').val();
var hasta = $(this).find('input').val();
//console.log(hasta);
$(this).find('.getting-started').countdown(hasta, function(event) {
$(this).text(event.strftime('%D dias %H:%M:%S'))
});
});


});

</script>

una consulta, div.columns no me va a tomar todos los divs con la clase columns ?
o le pongo una clase especial para identificar como por ejemplo div class="vineta" ?

[nahuel_mardel]

gracias loco me funciono de 10 !!