Discussion :

[zup17]

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 !!

[SpaceFrog]

De mon coté je ne vois pas ce qui te gène ??

Pourquoi ne pas juste rajouter la class au moment où tu rajoutes le nouveau li plutot que de boucler sur tous les li ?

https://jsfiddle.net/wdwa8z8p/1/

[zup17]

De mon coté je ne vois pas ce qui te gène ??

Pourquoi ne pas juste rajouter la class au moment où tu rajoutes le nouveau li plutot que de boucler sur tous les li ?

Bonjour SpaceFrog,

En faites j'ai besoin d'une class par <li> car les <li> sont généré automatiquement. C'est pour cela que j'utilise le script JQUERY qui boucle sur tout les <li> et qui incrémente item- +1, car les listes sont généré par WordPress qui classe le contenu des <li> par ordre alphabétique.

Ce que j'ai besoin c'est qu'une fois la class est attribué à un <li> elle le reste automatiquement, même si le contenu des <li> est réorganisé par ordre alphabétique.

Comme je l'ai expliquer dans l'exemple dans mon premier message !!
J'espère avoir était clair. Merci d'avance

[SpaceFrog]

As tu regardé le lien donné ?

Lorsque tu crée les items, ils commencent toujours à 1 et son incrémentés "sans trous" ?
si oui le script donné convient ..

[zup17]

Bonjour SpaceFrog,

J'ai dû mal m'expliquer !!
En faites tu vois le script JQUERY ci dessous, je souhaiterais quand un <li> est ajouter automatiquement par WordPress. Le script fait déjà ajouter une class à chaque <li>, item-1 pour le premier <li>, item-2 pour le deuxième <li> et ainsi de suite.

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>

Je voudrais que quand la class est affecté au <li> qu'il garde cette class, car pour le moment WordPress classe les <li>
par ordre alphabétique et quand un <li> est ajouter les class changent.

Merci pour ta réponse !!

[SpaceFrog]

En gros tu n'as pas consulté mon script ...
Il fait exactement ce que tu demandes, il ajoute un li en incrémentant le item- sans modifier les items existants ...