Puces imbriquées et propagation

Bonjour,

je suis face à un probleme que je n'arrive pas à résoudre.

J'ai une structure HTML de ce type:

Code:

---

1 2 3 4 5 6 7

<ul class="content"> <li>Puce 1 <ul> <li>Sous puce</li> </ul> </li> </ul>

---

Et j'aimerai ajouter une balise li avant la "Puce 1" donc je fais comme ceci:

Code:

---

$(".content li:first-child").before("<li>xxx</li>");

---

Le problème est que la nouvelle puce est ajouté également dans la 2ème liste, avant Sous puce.

On dirai que ca se propage aux Sous listes.

Avez-vous une solution?

Merci d'avance

A tester mais j'aurais fais un truc du genre:

Code:

---

1 2	$('<li>xxx</li>').insertBefore('.content > li:first-child');

---

et avec ta methode:

Code:

---

1 2	$(".content > li:first-child").before("<li>xxx</li>");

---

Bonsoir

Le sélecteur "li:first-child" sélectionne l'ensemble des éléments répondant à cette définition.

@beejeridou : merci de tester vos propositions avant de répondre.

$(".content > li").before("<li>Avant puce 1</li>");.

merci pour vos solutions