JQuery, each(), attr()

Bonjour,

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

Code:

---

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:

---

1 2 3 4

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

---

j'obtiens, malheureusement un

Code:

---

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!

Salut,
Maintes fois évoqué et traité :roll:

Code:

---

1 2 3

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

---

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

Code:

---

1 2 3

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

---

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

Citation:

---

elem.attr is not a function

---

c'est étrange...

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

Code:

---

alert(this);

---

j'obtiens

Citation:

---

[object HTMLUListElement]

---

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

merci!

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

Code:

---

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

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

Code:

---

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:

---

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

Salut,

Si tu essayes

Code:

---

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 ?

ah oui effectivement c'était pire que ce que je pensais!
mais non ça ne change rien... toujours le même message

Citation:

---

elem.attr is not a function

---

Code:

---

1 2 3 4

$("#sous_menu > li >a").each( function(){ alert(jQuery(this).attr("href")); });

---

Bravo! Et surtout Merci!! :ccool: