Récuperer la position d'une classe html par JS

salut , merci d'abord pour ta réponse , en effet ce que je veux faire c'est un système de note à étoiles pour mon blog , il y'a 5 étoiles , et quand je passe la souris sur la première étoile elle change de couleur ( seulement dans l’événement hover ) , si je survole la souris sur le second élément ( la premiere et deuxieme etoile changent de couleur ) ...... ainsi comme ca jusqu'au 5eme étoile aussi ( si je survole la souris sur la 5eme etoile ; les etoiles 1,2,3,4 et 5 change de couleur ).
J'ai utilisé la bibliothèque jquery pour cet exemple , mon code disons est comme ca :
je récuprere var n= l'indice de classe ( le nombre ) et puis pour var i allant de 0à n , je change la couleur de note_etoile[i]


*

<span class="note_etoile">premiere étoile</span>
<span class="note_etoile">deuxieme etoile</span>
<span class="note_etoile">troisieme étoile</span>
<span class="note_etoile">4 eme étoile</span>
<span class="note_etoile">5 éme étoile</span>


<script src="..../jquery...">
<script>
$(".note_etoile").hover(function(){
$(this)???(fct recuprer le numero n) <<<<--------- ???
for(i=0;i<n;i++)
{document.getElementsByClassName["note_etoile"][i].style.color="red";}
})
</scriipt>


*

Tu peux utiliser la fonction .index() en jQuery pour connaitre sa position dans un set d'éléments :
https://api.jquery.com/index/

merci ça vient de marcher , je l'avais utilisé pour une première fois , peut être je l'avais mal utilisé , maintenant ça marche , la solution est enfin comme ça :

<script>
$(".note_etoile").hover(function(){
{
alert($(this).index());
})
</script>