Imprimer varios divs

wilsonlazo · #1 (**permalink**) 14/08/2013, 21:39

ola gente lo que quiero hacer es imprimer varios divs con un for n veces
como esta:
<?php for($i=0;$i<5;$i++){ ?>
<div id="productos" style=" background:#C99;width:50px; height:50px; margin-bottom:20px"></div>
<?php }?>
esto mi imprime 5 divs;

pero quiero hacerlo igual pero con JavaScript:
como lo hago alguna idea.

Triby · #2 (**permalink**) 14/08/2013, 21:48

Pones código PHP, quieres hacerlo en Javascript y lo publicas en HTML5?

Reporto tu tema para que te pasen al foro adecuado.

#3 (**permalink**) 15/08/2013, 04:32

y al final cómo fue el asunto? XD

prueba hacerlo así (con jQuery)

Código Javascript:

Ver original<div id="contenedor"></div>
<script>
   for (x = 0; x < 5; x++) { //Yo prefiero usar X en lugar de I
      var div = '<div id="productos" style=" background:#C99;width:50px; height:50px; margin-bottom:20px"></div>';
      $('#contenedor').append(div);
   }
</script>

Y por cierto, recuerda que usar más de una ves el mismo ID es incorrecto.

lilmaster · #4 (**permalink**) 27/08/2013, 11:38

Es sencillo

Código HTML:

<!doctype html>
<html>
<head>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script><!--Libreria jquerY CDN-->

</head>

<body>
  <div id="divisores">
  
  </div>
  
<script>
  
  for(var i=0 ; i<5 ; i++){
	  
	  $("#divisores").append('<div id="productos" style=" background:#C99;width:50px; height:50px; margin-bottom:20px"></div>');
	  
	  }

</script>  
</body>
</html>

usaria class para esos divs en vez de id

utan · #5 (**permalink**) 27/08/2013, 11:53

Cita:

Iniciado por lilmaster

Es sencillo

Código HTML:

<!doctype html>
<html>
<head>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script><!--Libreria jquerY CDN-->

</head>

<body>
  <div id="divisores">
  
  </div>
  
<script>
  
  for(var i=0 ; i<5 ; i++){
	  
	  $("#divisores").append('<div id="productos" style=" background:#C99;width:50px; height:50px; margin-bottom:20px"></div>');
	  
	  }

</script>  
</body>
</html>

usaria class para esos divs en vez de id

Totalmente de acuerdo el uso de class es mejor ya que el id que se leda a un elemento en el DOM tiene que ser único.