Discussion :

[Kamoo]

Bonjour,

Je butte un peu sur un problème qui va surement vous sembler enfantin...
J'ai en fait une liste d'éléments :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul>
<li class="bullet"></li>
<li class="bullet"></li>
<li class="bullet"></li>
<li class="bullet"></li>
</ul>

Je souhaiterai en jquery trouver, lorsque je clique sur un de ces liens, le numéro du lien (je sais pas trop comment dire, par exemple je clique sur le premier lien, je récupère 1, sur le 3eme je récupère 3...)

J'ai fait ça jusque là mais je bloque(je suis nul en js) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var number=$(".bullet").length;
$(".bullet").click(function(e) {
var itemnumero=$(this). ??????
}

Avez vous des pistes à me donner? J'aimerais éviter de passer par de l'ajout de classe si possible.

Merci !

[Bovino]

.index().

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var $liste = $('.bullet');
$liste.on('click', function(){
    console.log($liste.index(this));
});

[sk8matt]

Je pense qu'il y a beaucoup de manière de faire tout dépend de ce que tu va faire de cette valeur. Ta liste reste statique ? Est ce que quelque chose comme ceci peux t'aider ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ul>
<li class="bullet" onclick="fonctionEnvoiPosition(1)">bullet 1</li>
<li class="bullet" onclick="fonctionEnvoiPosition(2)">bullet 2</li>
<li class="bullet" onclick="fonctionEnvoiPosition(3)">bullet 3</li>
<li class="bullet" onclick="fonctionEnvoiPosition(4)">bullet 4</li>
</ul>

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function  fonctionEnvoiPosition(element)
{
	alert("Vous avez choisi le lien " + element);
}