Cherche alternative a attr

Version imprimable

J'essais encore et d'une autre facon de remplacer une photo par le click d'un mot
Dans mon html j'ai une li avec
Code:

1 2 <li><ahref="#Paris"id="change">Paris</a></li> <li><a href="#Milano"id="change">Milano</a></li>
et mon script est
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $('#change').click(function() { var $this = $(this).attr('text'); alert($this); switch ($this) { case 'Milano': $("#image").attr("src","images/2.jpg"); break; case 'Paris': $("#image").attr("src","images/3.jpg"); break; default: $("#image").attr("src","images/1.jpg"); };
Je sais que $(this).attr('text') me donne toujours le premiers de la liste
Et voila ma question...Comment je récupere le texte que je vien de clické s'il est le 2 ou 3e de la liste
Merci

07/12/2011, 08h22
Bovino

Un id doit être unique dans la page !!!
07/12/2011, 08h37
learningcode

Merci...j'men doutais bien
Je voulais réunir tout mes lien-images en un seul click function...comment sa se fait ???
Ou je doit faire un click function pour chacun (je trouve sa un peu basic hard-coding)

Ben utilise une classe...
Code:

1 2 3 $('.change').click(function(){ alert($(this).text()); });

07/12/2011, 08h45
SpaceFrog

respecte aussi les espaces ...

Code:

<li><a href="#Paris" id="change_1" >Paris</a></li>

soit tu mest un id incrémenté et tu utilises un selecteur commence par

Code:

$("[id^='change_']")

ou tu leur mets une class, qui contrairement à l'id peut être partagée

Code:

<li><a href="#Paris" class="change">Paris</a></li>

=>

Code:

$('.change')
07/12/2011, 08h57
learningcode

ok
c'est noter et compris....de plus en plus...grace a vous
Merci...de partager votre savoir
Montreal, Quebec

Je ne suis pas devant mon code...Mais la commande attr devrait quand meme me renvoyer la premiere réponse seulement ???
07/12/2011, 09h11
Bovino

Citation:

Mais la commande attr devrait quand meme me renvoyer la premiere réponse seulement ???

Non, si tu prends en compte nos exemples, ce sera l'attribut de la balise cliquée.
07/12/2011, 09h12
SpaceFrog

non c'est le

Code:

$(this).attr('src')

qui te retournera le src de l'élement cliqué
07/12/2011, 09h22
learningcode

hoho???
pourquoi je voudrais avoir la source

Code:

$(this).attr('src')

quand ma reference est le texte dans la page... Paris...Milano...etc..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
<li><a href="#Paris" class="change">Paris</a></li>
<li><a href="#Milano" class="change">Milano</a></li>
 
 
$('.change').click(function() {
var me = $(this).attr('text');
alert(me);
 
switch (me)
{
case 'Milano':
	$("#image").attr("src","images/2.jpg");
	break;
 
case 'Paris':
	$("#image").attr("src","images/3.jpg");
	break;
 
default:
  $("#image").attr("src","images/1.jpg");
};

07/12/2011, 09h37
learningcode

OK
c'est tres clair
Juste une derniere avant de partir
Est ce une bonne facon de faire d'utiliser la switch-case pour ce genre d'operation

Merci beaucoup
07/12/2011, 10h02
SpaceFrog

pas plus mauvaise qu'une autre ...
un peu plus gourmande peut etre ...

je serais passé par un array, ou j'aurais utilisé l'indexe de l'option ...
07/12/2011, 10h14
learningcode

Pour un débutant comme moi
jvais m'en tenir au switch-case....mais j'en prend note et je creuserai les arrays sur un autre projet
Merci encore:ccool: