numéro automatiquement consécutivement l'attribut rel d'un un tag

Question

Je veux automaticallly numéroter consécutivement l'attribut rel d'un HTML avec une balise javascript ou jquery ...

par exemple:

<a rel="0" class="slide_thumb" href="#"> 
<a rel="1" class="slide_thumb" href="#"> 
<a rel="2" class="slide_thumb" href="#"> 
<a rel="3" class="slide_thumb" href="#"> 

C'est pour le flexslider. J'ai intégré flexslider dans shopware. Je l'ai utilisé comme une bannière-curseur.

je besoin d'un code très simple

Answer 1

boucle à travers tout élément avec la classe slide_thumb utilisant .each() et ajoutez l'attribut intérieur à l'aide .attr()

$(".slide_thumb").each(function(i) { 
    $(this).attr("rel",i); 
}); 

Answer 2

Vous pouvez facilement le faire avec boucle each. Le premier paramètre callback est l'index des éléments, commençant par zéro. Donc c'est parfait pour vos besoins.

$("a.slide_thumb").each(function(i) { 
    $(this).attr("rel", i); 
});