Discussion :

[huguette]

Bonjour,

j'ai un petit soucis avec jQuery. J'ai un menu de ce type:

Code :

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

1
2
3
4
5
6
 
<li id="sous_menu">
   <ul href="lien1">lien1</ul>
   <ul href="lien2">lien2</ul>
   <ul href="lien3">lien3</ul>
</li>

je souhaiterais pour récupérer l'attribut "href" de chacun. Je fais donc:

Code :

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

1
2
3
4
 
$("#sous_menu > ul").each(function(){
   alert(this.attr("href"));
});

j'obtiens, malheureusement un

Code :

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

this.attr is not a function

dans ma console firebug.

Alors j'ai bien essayé d'approcher le problème sous d'autres angles mais je n'ai toujours pas trouvé de solution.

Où est-ce que je m'y prends mal? Où est-ce que je me prends les pinceaux dans le tapis?

Merci!

[Bovino]

Salut,
Maintes fois évoqué et traité

Code :

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

1
2
3
$("#sous_menu > ul").each(function(){
   alert(this.attr("href"));
});

Dans la fonction anonyme, this correspond au contexte global...

Code :

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

1
2
3
$("#sous_menu > ul").each(function(elem){
   alert(elem.attr("href"));
});

[huguette]

C'est une solution que j'avais testé mais ça ne fonctionne pas non plus.
Il me répond le même message:

elem.attr is not a function

c'est étrange...

Pour ce qui est du "this", quand je fais

Code :

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

alert(this);

j'obtiens

[object HTMLUListElement]

, ce qui semblerait dire qu'il se réfère bien à l'élément ul et non au contexte global, non?

merci!

[Bovino]

Effectivement, l'élément est passé implicitement en paramètre...
En revanche :

Code html :

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

1
2
3
4
5
<li id="sous_menu">
   <ul href="lien1">lien1</ul>
   <ul href="lien2">lien2</ul>
   <ul href="lien3">lien3</ul>
</li>

Commence par créer des codes HTML valables...

[huguette]

je m'y attendais! je suis en phase de test, donc un peu rapide j'avoue.
si j'écris:

Code :

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

1
2
3
4
5
6
 
<li id="sous_menu">
   <ul><a href="lien1">lien1</a></ul>
   <ul><a href="lien2">lien2</a></ul>
   <ul><a href="lien3">lien3</a></ul>
</li>

avec

Code :

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

1
2
3
4
 
$("#sous_menu > ul >a").each(function(elem){
  alert(elem.attr("href"));
});

Malheureusement, cela ne résout pas mon problème... j'avoue que je ne comprends pas..

[rberthou]

Salut,

Si tu essayes

Code :

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

1
2
3
4
5
6
 
<ul id="sous_menu">
   <li><a href="lien1">lien1</a></li>
   <li><a href="lien2">lien2</a></li>
   <li><a href="lien3">lien3</a></li>
</ul>

C'est pas mieux ?