tengo en la página div:Crear una tabla con jQuery - añada
<div id="here_table"></div>
y en jQuery:
for(i=0;i<3;i++){
$('#here_table').append('result' + i);
}
esta generación para mí:
<div id="here_table">
result1 result2 result3 etc
</div>
Me gustaría recibir este en la tabla:
<div id="here_table">
<table>
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</table>
</div>
que hacer:
$('#here_table').append( '<table>');
for(i=0;i<3;i++){
$('#here_table').append('<tr><td>' + 'result' + i + '</td></tr>');
}
$('#here_table').append( '</table>');
pero esto generará para mí:
<div id="here_table">
<table> </table> !!!!!!!!!!
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</div>
¿Por qué? ¿Cómo puedo hacer esto correctamente?
VIVO: http://jsfiddle.net/n7cyE/
para el segundo ejemplo, necesita una td dentro de su tr y luego hacer .text en el td. Además, cuando se crea un elemento html con jquery, solo se necesita la etiqueta de apertura. $ ('
Para el ejemplo jQuery, puede utilizar nombres de las etiquetas más pequeñas, como '$ ('
Es necesario añadir las siguientes
tr
dentro deltable
así que actualizara su selector dentro de su bucle y se retira el cierretable
porque no es necesario.El problema principal era que estaban añadiendo el
tr
a ladiv
here_table.Editar:Aquí está una versión de JavaScript si el rendimiento es una preocupación. Usando fragmento de documento no causará un reflujo para cada iteración del bucle
Fuente
2012-01-05 20:27:04 Craig
gran respuesta ! ¡Gracias! Usé su versión de JavaScript para mostrar una tabla dinámica en App Inventor http://puravidaapps.com/table.php – Taifun
Cuando se utiliza
append
, jQuery espera que sea HTML bien formado (recuento de texto sin formato).append
no es como hacer+=
.Primero debe crear la tabla y luego anexarla.
Fuente
2012-01-05 20:28:15
+1 El mejor enfoque aquí: muestra que jQuery realmente funciona en elementos DOM, no en HTML sin procesar. – Tadeck
Esto es lo que puede hacer: http://jsfiddle.net/n7cyE/4/
Saludos!
Fuente
2012-01-05 20:31:50
A continuación se realiza para múltiples cargas de archivos utilizando jQuery:
botón de entrada del archivo:
Viendo Nombre de archivo y el tamaño del archivo en una tabla:
Javascript para obtener el nombre de archivo y fil tamaño de correo:
Fuente
2012-09-24 09:53:12
O hacerlo de esta manera utilizar todas jQuery. Cada uno puede recorrer cualquier dato, ya sea elementos DOM o una matriz/objeto.
http://jsfiddle.net/n7cyE/93/
Fuente
2012-10-17 18:51:59
¿Hay alguna configuración particular necesaria para que esto funcione fuera de jsFiddle? Al intentar esto en un archivo js en blanco, se devuelve "UnEught TypeError: no se puede leer la propiedad 'cada' de undefined" – canadiancreed
¿Estás seguro de que jQuery está cargado? – Henridv
Para añadir varias columnas y filas, también podemos hacer una concatenación de cadenas. No es la mejor manera, pero seguro que funciona.
Esto también le permite agregar filas y columnas a la tabla dinámicamente, sin hardcoding los nombres de campo.
Fuente
2013-06-05 08:14:50 Aparna
O HTML estático sin el bucle para crear algunos enlaces (o lo que sea). Coloque el
<div id="menu">
en cualquier página para reproducir el HTML.Fuente
2013-07-03 16:21:17 HTMLJedi
Un ejemplo de trabajo utilizando el método mencionado anteriormente y utilizando JSON para representar los datos. Esto se usa en mi proyecto de tratar con llamadas ajax obteniendo datos del servidor.
http://jsfiddle.net/vinocui/22mX6/1/
en el código HTML: < tabla de id = 'here_table'> </table>
JS código:
Fuente
2013-11-26 03:02:41
En cuanto a mí, este enfoque es más bonita:
Fuente
2015-07-03 18:48:21
prefiero la forma más legible y extensible usando jquery.
Además, puede crear contenido completamente dinámico sobre la marcha.
Desde jquery versión 1.4 puede pasar atributos a elementos, que es,
imho, una característica excelente. También el código se puede mantener más limpio.
Complemento: pasar más de una etiqueta "HTML" usted tiene que utilizar notación de matriz como: por ejemplo,
mejores Rgds.
Franz
Fuente
2016-11-18 06:14:00 FranzCC
me escribió bastante buena función que puede generar tablas verticales y horizontales:
ejemplo de uso:
ejemplo, resultado:
Fuente
2017-03-13 05:16:26 MSS
Cuestiones relacionadas