JavaScript - Como agregar una tabla a un div con jquery

   
Vista:

Como agregar una tabla a un div con jquery

Publicado por Ricardo (3 intervenciones) el 01/06/2017 03:56:40
Hola gente, lo que pretendo es permitir al usuario ingresar un numero y consiguiente de esto mostrar en cantidad de colores distintos el numero que ingreso el usuario, para ello pienso generar una tabla y a cada casillas ponerle un background-color distinto con algun metodo que ya se me ocurra xD, pero mi peticion de ayuda es para la tabla, esto es lo que tengo hasta ahora, pero no se que mas hacer.
(recurri a san google, pero no encontre mucho xD)
espero me ayuden, saludos!

HTML

1
2
3
4
5
6
7
8
9
10
11
<div class="inputs">
	<h4>Ingresa un número</h4>
	<input type="number" class="form-group" id="ingNumColor" placeholder="Ingresa un número">
	<hr>
	<button class="btn" id="btnColor">Buscar</button>
</div>
<div class="resultado" >
	<table id="resultadocolor">
 
	</table>
</div>




JQUERY
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$("document").ready(function(){
   $("#btnColor").click(function(){
	var filas = $("#ingNumColor").val();
	var colorTemp = 0;
	var columnas=5;
	var tabla = "";
	for(cont = 0; cont!=filas; cont++){
	$("#resultadocolor").append("<tr>");
	for(contD = 0; contD!=columnas; contD++){
	        $("#resultadocolor").append("<td>");
		$("#resultadocolor").append("hola");
		$("#resultadocolor").append("</td>");
	          }
	         $("#resultadocolor").append("</tr>");
           }
       });
});


EDIT: Ejecute el codigo y me salio xD tenia que agregar el borde, solo me falta hacer que se genere 5 columnas por si el usuario ingresa mas de 5 xD igual dejo el post para que le sirva a alguien más, saludos!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad