Récupérer la classe d'un élément fils

Bonjour, je souhaiterais récupérer la classe continents de l'élément fils de voyage

Code:

---

1 2	<li><a id="voyages" href="#">Voyages <i class="fas fa-arrow-down"></i><i class="fas fa-arrow-up"></i></a> <ul class="continents">

---

pour le moment, j'essaie un truc comme ça, mais cela me récupére seulement l'id du lien

Code:

---

1 2 3 4 5

$('#voyages').on('click', function () { alert ('OK3'); var child = $(this).attr('id'); alert (child); });

---

merci d'avance pour votre aide

Salut,
l'ul n'est pas un fils de <a id='voyages' />, mais il est plutôt le fils du <li>.

Essaies :

Code:

---

1 2 3 4 5 6

$('#voyages').on('click', function () { var child = $(this).next('.continents'); // ou bien child=$(this).parent('li').find('.continents'); alert("la classe est :"+child.attr('class')); });

---

---

merci, mais le but est de ne pas mentionner

Code:

---

var child = $(this).next('.continents');

---

je voudrais refactoriser mon code par la suite, et je recherche comment indiquer cette classe .continents sans pour autant la mentionner. le but est d'ensuite répéter l'instruction pour d'autres lignes écrites sur la même architecture

si le <ul> se positionne toujours directement après le <a>, essaies :

Deux lignes :

Code:

---

1 2 3 4

var ul= $(this).next('ul');// ou $(this).next() sans précision var classe=ul.attr("class"); console.log("la classe est :"+classe); //utilise console.log au lieu des alertes, et ouvre l'outil de développement pour voir ....

---

Une seule ligne :

Code:

---

1 2 3

var classe=$(this).next().attr("class"); console.log(classe);

---

Edit : Si ce n'est pas forcement un <ul> qui vient directement après le <a>, tu peux utiliser .next() sans préciser le sélecteur dedans...

j'avais déjà essayé, mais cela me retourne un objet, moi je voudrais que cela me retourne la classe dans ma variable, dans ce cas 'continent'

Je viens d'éditer mon dernier post.

ça fonctionne nickel, merci bcp