Je voudrais créer une table dans un élément div (P> sur mon fichier .html, j'ai cette p> sur mon fichier JS, je veux placer de nouveau Tableau avec des lignes et avec des données p> Comment puis-je implémenter cela? p> p>
5 Réponses :
var newContent = $('<your html="here"/>'); var insertLocation = $('#div1'); insertLocation.append(newContent);
En supposant que vous avez le HTML pour la table, vous pouvez simplement créer un objet JQuery en sortir et l'ajouter à la DIV. Si vous avez les données, vous aurez besoin de le déranger et de créer les cellules / rangées des données et les ajoutez indépendamment.
var data = [ [ 1, 2, 3 ], [ 4, 5, 6 ], [7, 8, 9 ] ]; var html = '<table><thead><tr>...</tr></thead><tbody>'; for (var i = 0, len = data.length; i < len; ++i) { html += '<tr>'; for (var j = 0, rowLen = data[i].length; j < rowLen; ++j ) { html += '<td>' + data[i][j] + '</td>'; } html += "</tr>"; } html += '</tbody><tfoot><tr>....</tr></tfoot></table>'; $(html).appendTo('#div1');
Il y a beaucoup de façons différentes que vous pourriez aller avec cela. Une solution est de faire quelque chose comme ceci: Cela mettra la table complète dans votre DIV, analysée en tant que HTML. Une autre solution, si vous souhaitez ajouter chaque ligne séparément, ce serait: p> Il est important de comprendre que .Append () code> mettra la page HTML ou texte que vous entrez à l'intérieur em> de tout élément que vous avez sélectionné à l'aide du sélecteur de sélecteur de dollar (
$ (texte sélecteur ") code>) p> p> p> P>
HTML ayant cette structure: ceci est le code JQuery p>
Par exemple, vous avez reçu des données JSON du serveur.
function gg_stringformat() { var argcount = arguments.length, string, i; if (!argcount) { return ""; } if (argcount === 1) { return arguments[0]; } string = arguments[0]; for (i = 1; i < argcount; i++) { string = string.replace(new RegExp('\\{' + (i - 1) + '}', 'gi'), arguments[i]); } return string; }