Bonjour à tous,
je bloque là dessus... la syntaxe semble correcte et pourtant ça ne fonctionne pas.
le but est d'utiliser le texte des puces d'un menu pour créer les attribut "title" et "alt" d'images qui correspondent ...
mon souci est que la variable "i" de la fonction each() ne semble pas être utilisable dans le selecteur :eq().. en tout l'alert de test affiche un message vide.
si je teste mon selecteur en dehors de la fonction sans variable ça marche.
Où est-ce que je me trompe ?
code HTML
...
code jQuery
Merci beaucoup pour votre attention !
je bloque là dessus... la syntaxe semble correcte et pourtant ça ne fonctionne pas.
le but est d'utiliser le texte des puces d'un menu pour créer les attribut "title" et "alt" d'images qui correspondent ...
mon souci est que la variable "i" de la fonction each() ne semble pas être utilisable dans le selecteur :eq().. en tout l'alert de test affiche un message vide.
si je teste mon selecteur en dehors de la fonction sans variable ça marche.
Où est-ce que je me trompe ?
code HTML
<div id="menu">
<ul>
<li>Situation de départ</li>
<li>Étape 1</li>
<li>Étape 2</li>
<li>fin</li>
</ul>
</div>
...
<div id="anim">
<img src="anim/1.gif">
<img src="anim/2.gif">
<img src="anim/3.gif">
<img src="anim/4.gif">
</div>
code jQuery
// pour chaque anim, on créé son texte survolé et alternatif en fonction du contenu de la puce correspondante
$('#anim img').each(function(i) {
alert(i);
var title = $("#menu li:eq(i)").text();
alert(title);
// On ajoute title et alt
$(this).attr({
title: title,
alt: title
});
});
// test en dehors
var title = $("#menu li:eq(2)").text();
alert(title);
Merci beaucoup pour votre attention !