Bonjour :

J'appelle un fichier PHP qui me retourne un résultat JSON grâce à json_encode().
Les clés sont id, nom et prix.

J'aimerais qu'une fois les données récupérer en AJAX, elles soient insérées dans un tableau HTML.

<table id="tab"></table>

$(document).ready(function() {
	$.getJSON('tab.php', 
	function(data) {
		parse(data);
	});
});

function parse(json) {
var $tab = $('#tab');

	for(var key in json) {	
		$tab.append('<tr>');
		$tab.append('<td>'+json[key].nom+'</td>');
		$tab.append('<td>'+json[key].prix+'</td>');
		$tab.append('</tr>');
	}
}

Le HTML généré est :

<table id="tab">
	<tbody>
		<tr></tr>
		<tr></tr>
	</tbody>
	<td>Calzone</td>
	<td>8.9</td>
	<td>Orientale</td>
	<td>9.25</td>
</table>

Au lieu de :

<table id="tab">
<tr>
	<td>Calzone</td>
	<td>8.9</td>
</tr>
<tr>
	<td>Orientale</td>
	<td>9.25</td>
</tr>
</table>

Merci à ceux qui vont m'aider.

pour rester dans les normes de tous les navigateurs, tu DOIS avoir un tbody dans ton tab (devine lequel en a besoin ?? ^^)

<table id="tab">
	<tbody>
	</tbody>
</table>

pour le reste, je pense que

var $tab = $('#tab').firstChild;

suffirait

Ouais ok merci.

Finalement j'ai juste modifié mon sélecteur...

function parse(json) {
var $tab = $('#tab tbody');

	for(var key in json) {	
		$tab.append('<tr>');
		$tab.append('<td>'+json[key].nom+'</td>');
		$tab.append('<td>'+json[key].prix+'</td>');
		$tab.append('</tr>');
	}
}

désolé, je suis pas familier de JQuery...
moi j'l'ai fait en pur