Ajout de li et attribution de className incrémenté item- + 1
Bonjour,
J'utilise un script JQUERY qui ajoute une class item- + 1 à mes <li> comme dans l'exemple si dessous:
exemple:
Code:
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:
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:
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 !! ;)
