Ecrasement de tableaux avec jQuery

salut @ tous,

Je cherche à récupérer toutes les hauteurs des balises de type <LI> afin de les ajuster en fonction du contenu. par exemple lors de l'affichage de 3 colonnes, chaque <LI> de chaque colonne seront égaux.

je rencontre un problème avec l'utilisation d'une boucle for...in avec Jquery.
Tant que je reste dans la boucle For...in je peux cibler le contenu du tableau "testTab" avec un testTab . Dès que je sort de la boucle le tableau est écrasé avec le dernier résultat.

Voici mon code :

$(document).ready(function(){
	cible = new Array;
	heightCel = new Array;
	heightAllCel = new Array;
	testTab = new Array;	
	var essai = 0;
	var ind = 0;	
	
	$("#content").children().each(function(o){
		var idUl = $(this).children()
		cible[o] = idUl;
	});	

	for (test in cible) {
		var ul = $(cible[test]);
		var li = ul.children().height();
		
		$(cible[test]).children().each(function(){
			heightAllCel[ind] = $(this).height();
			ind++;
		});
		testTab[essai] = heightAllCel;
		essai++;
	}
	alert(testTab);
});

Je suis sur que c'est tout con mais je me dis que ca fait trop de temps que je passe la dessus pour y voir quelque chose

Je m'en remet à l'intelligence collective pour m'aider sur ce point.

personne ne peux m'orienter vers une petite piste ?

Salut,
je te colle une petite methode qui me permet de fixer la taille de tous les elements de meme type present dans un meme contexte. En la modifiant legerement tu devrais trouver ton bonheur:

$.fn.searchListThumbnails = function() {
	var thumbContainer = $(this), max = 0;
	$(".float-left", thumbContainer).each(function() {
		max = Math.max(max,$(this).height());
	}).height(max);
}