Bonjour à toutes et à tous.
Je vous expose mon problème : je construis dynamiquement une liste grâce à mes données issues de ma BDD Mysql.
Cette liste se présente de la manière suivante :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<ul>
	<li id="1">
		  <span>Aliments</span>
		<ul>
			<li id="2"><span>Fruits</span>
				<ul>
					<li id="3"><span>Bananes</span></li>
					<li id="4"><span>Oranges</span></li>
					<li id="5"><span>Raisins</span></li>
				</ul>
			</li>
			<li id="6">
				<span>Viandes</span>
				<ul>
					<li id="7"><span>Boeuf</span></li>
					<li id="8"><span>Dinde</span></li>
					<li id="9"><span>Porc</span></li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

Mon problème c'est que je n'arrive pas à créer une fonction en Jquery, qui me permettrai en sélectionnant un Span de récupérer les noeuds parents de celui-ci.

Exemple : Si je sélectionnais le span "dinde" je souhaiterai récupérer un array contenant {Aliments,Viandes, Dinde}
Si je sélectionnais le span "Viandes" je souhaiterai récupérer un array contenant {Aliments,Viandes}



Si quelqu'un avait une idée de la manière de procéder je serai vraiment ravi de la connaître.
D'avance Merci!