Cherche alternative a attr [Résolu]

[learningcode]

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

[Bovino]

Un id doit être unique dans la page !!!

[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)

[Bovino]

Ben utilise une classe...

Code :

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

[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')

[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 ???

[Bovino]

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.

[SpaceFrog]

non c'est le

Code :

 $(this).attr('src')

qui te retournera le src de l'élement cliqué

[learningcode]

hoho???
pourquoi je voudrais avoir la source

Code :

$(this).attr('src')

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

[SpaceFrog]

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");
};

[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

[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 ...

[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