Bonjour,

J'utilise un script JQUERY qui ajoute une class item- + 1 à mes <li> comme dans l'exemple si dessous:

exemple:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<ul>
 <li class="item-1">Cheval</li>
 <li class="item-2">Cochon</li>
 <li class="item-3">Lapin</li>
 <li class="item-4">Requin</li>
</ul>
Voici le srcipt:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<script type="text/javascript">
jQuery(function($) {
$( "div#filters li" ).addClass(function( index ) {
  return "item-" + index;
});
});
</script>
Le script ajoute une class item- + 1 à mes <li>, sauf que j'aimerais qu'une fois la class item- + 1 donner à mes <li>.
Que quand un nouveau <li> est ajouté, les autres <li> garde leurs class, exemple si dessous :

exemple:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<ul>
 <li class="item-1">Cheval</li>
 <li class="item-2">Cochon</li>
 <li class="item-3">Lapin</li>
 <li class="item-5">Nouveau li</li>
 <li class="item-4">Requin</li>
</ul>
Dans l'exemple mon <li class="item-5">Nouveau li</li> prend item-5 et les autres <li> gardent leurs class.

Merci de votre aide, car je ne vois pas comment faire !!