Variable comme block pour importation données fichier JSON
Bonjour à tous,
Je bloque sur JQuery pour l'importation de données depuis un fichier JSON.
Je m'explique.
J'ai mon fichier JSON avec des données textes, images, etc; que je dois importer sur mon HTML via jQuery. Mon code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| $.getJSON( "data.json", function( data ) {
var message = "";
for (var i=0; i < data.length; i++) {
message += "<h1>" + data[i].nom + "</h1>"
message += "<h2>" + data[i].titre + "</h2>"
message += "<h3>Population: " + data[i].pop + "</h3>"
message += "<p>" + data[i].description + "</p>" + "</br>" + "</br>" + "</br>"
document.getElementById("details").innerHTML = message
};
}); |
Mon souci est que pour chaque i (8 en tout), il faut que les données soient groupées en block ou sous une div afin que je puisse les traiter distinctement via le css. Mais aucune idée comment procéder....
Merci mille fois d'avance !