Discussion :

[sebgac]

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

Code html :

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

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 javascript :

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

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

merci d'avance pour votre aide

[Toufik83]

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

Essaies :

Code :

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

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

[sebgac]

---

merci, mais le but est de ne pas mentionner

Code javascript :

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

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

[Toufik83]

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

Deux lignes :

Code :

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

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 :

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

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

[sebgac]

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'

[Toufik83]

Je viens d'éditer mon dernier post.

[sebgac]

ça fonctionne nickel, merci bcp