Puces imbriquées et propagation [Résolu]

[thunderfear]

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

[beejeridou]

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>");

[danielhagnoul]

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>");.

[thunderfear]

merci pour vos solutions