Discussion :

[renaud26]

Bonjour à Tous,

Une fonction php m'affiche une arborescence de catégories, sous catégories, etc...
Cet affichage se fait dans un div conteneur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="liste_cats">
recursive_cats();
</div>

J'y ai ajouté des images + ou + pour plier/déplier des catégories lorsqu'elles contiennent des sous cats.
Chaque catégorie est affichée dans un div distinct qui sera show() ou hide() selon les cas.
Je voudrais récupérer tous ces id d'un seul coup, j'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
	$('#liste_cats').children().each(function(){ 
	var id = $(this).attr('id');
	console.log(id);
 
	$("#"+id).show();
	$("#plier").html('<a style="text-decoration:underline" href="javascript:void(0)" onclick="plier_cats()">Plier Tout</a>');
 
	});

Le log me donne undefined pour les "sous div" preuve qu'ils ne sont pas récupérés par children - puisque ce sont des petits enfants.
Sachant que je ne connais pas la profondeur de l'arbre, comment récupérer à coup sûr tout ce petit monde ?

Merci de vos conseils.

[Golgotha]

Renaud26, tu as visiblement résolut ton problème.

Une petite explication sur la solution que tu as trouvée serait le bienvenu

Merci d'avance.

[renaud26]

Absolument, tu as raison. J'avais un peu peur de passer pour une truffe en utilisant children() alors que j'avais plein de petits enfants. Du coup je me suis embarqué dans l'idée d'une usine à gaz récursive idem php...

Puis j'ai trouvé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
$('#liste_cats').find('div').each(function(){ 
	var id = $(this).attr('id');
		$("#"+id).show();
		$("#plier").html('<a style="text-decoration:underline" href="javascript:void(0)" onclick="plier_cats()">Plier Tout</a>');
	});

Voili voilou !
Bonne soirée.