Jquery renvoie le numéro d'index pour chaque élément dans Array et définit cet index à l'attribut Rel Infinite Carousel

Question

J'essaye de manipuler Jquery Infinite Carousel pour redimensionner dynamiquement le conteneur d'image en fonction de l'image actuellement affichée. J'ai besoin d'obtenir l'index de l'élément Li qui contient l'image actuelle, mais le problème est que Infinite Carousel supprime et réorganise les Li automatiquement, ce qui signifie que leurs propriétés EQ() changent constamment. Par conséquent, je dois leur attribuer un attribut REL en fonction de leur position d'index lorsque la page est chargée, avant que le diaporama ne commence et que Infinite Carousel réorganise les Li.

Fondamentalement, mon Html est comme ceci:

<li></li> 
<li></li> 
<li></li> 

et je dois utiliser jquery pour en faire cette charge à la page:

<li rel="1"></li> 
<li rel="2"></li> 
<li rel="3"></li> 

J'ai fait des recherches sur un groupe sur le jQuery API mais je ne peux pas savoir quelle propriété ou combinaison de propriétés à utiliser:

index(), 
each(), 
inArray(), 
get() 

Merci pour votre aide!

Answer 1

Essayez ceci:

$("ul").each(function() { 
    $(this).children("li").each(function(i) { 
     $(this).attr("rel", i+1); 
    }); 
});