connaitre l'index d'un element html

Version imprimable

bonsoir a tous,

je suis en train de faire un petit script utilisant Jquery et j'aurais besoin de connaitre l'index d'un élément.

structure HTML

Code:

1
2
3
4
5
6
7
8
 
<div class="container">
    <img src="unselected.gif" alt="Bad" />
    <img src="unselected.gif" alt="So/so" />
    <img src="unselected.gif" alt="Great" />
    <img src="unselected.gif" alt="Cute" />
    <img src="unselected.gif" alt="Love it !" />
</div>

par exemple, je passe ma souris sur le 3eme élément, avec $(this).quelque chose(), je retrouve l'index numero 2.

mon code actuel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
$(document).ready(function () {        
    $("img").mouseover(function(){
 
            if($(this).attr("src")=="unselected.gif") 
        {
            this.src="selected.gif";
        } 
        else 
        {
            this.src="unselected.gif";
        }
    })
});

merci pour votre aide.

10/12/2008, 19h17
SpaceFrog

rien compris 8O

Déjà si tu utilises jQuery pourquoi ne pas le faire jusqu'au bout ?

Code:

1
2
3
4
5
6
7
8
9
10
$(document).ready(function () {        
    $("img").mouseover(function(){
        if($(this).attr("src") == "unselected.gif") 
            $(this).attr("src","selected.gif");
        else 
            $(this).attr("src","unselected.gif");
        
        var index = $("img").index(this);
    })
});

Ca sort de la documentation de jQuery

10/12/2008, 21h41
kohsaka

Pour être plus clair :

Je possède un div qui contient 5 images. chacune de ces images peut être identifié par un index.

Je souhaite connaitre l'index de l'image qui sera survolée afin de pouvoir utiliser le sélecteur :lt (http://docs.jquery.com/Selectors/lt#index).

Kerod :

Merci c'est ce que je cherchais.
Désolé, j'ai pas l'occasion de faire beaucoup de javascript et je découvre Jquery, donc j'ai pas toujours les bons réflexes.