Accéder a un élément d'une même division
Résolu
Hamster18
Messages postés
176
Date d'inscription
Statut
Membre
Dernière intervention
-
Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention -
Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai une aborescence html comme suit :
j'aimerai que lorsque j’appuie sur le bouton je puisses récupérer la valeur du texte.
auriez vous des proposition a me proposer ?
Cordialement.
EDIT : Correction des balises de code
j'ai une aborescence html comme suit :
<div class="div"> <h2>News 3</h2> <p class="text">bloblob1</p> <p><a class="btn" href="#" role="button">View</a></p> </div> <div class="div"> <h2>News 3</h2> <p class="text">bloblob2</p> <p><a class="btn" href="#" role="button">View</a></p> </div>
j'aimerai que lorsque j’appuie sur le bouton je puisses récupérer la valeur du texte.
auriez vous des proposition a me proposer ?
Cordialement.
EDIT : Correction des balises de code
A voir également:
- Désolé. vous ne pouvez pas accéder à cet élément, car il ne respecte pas nos conditions d'utilisation.
- Utilisation chromecast - Guide
- Télécharger gratuitement notice d'utilisation - Guide
- Instagram votre compte ne respecte pas les règles de la communauté - Guide
- Ce message a été supprimé car il ne respecte pas nos standards de la communauté - Guide
- Comment accéder à wetransfer gratuitement ? - Guide
2 réponses
Bonjour,
Le text se trouvant dans un élément qui se trouve "avant" tu peux essayer d'utiliser le selecteur prev
https://api.jquery.com/prev/
Mais comme le bouton est contenu dans une balise <p> il faut, au préalable faire appel au selecteur parent
https://api.jquery.com/parent/
Donc un truc du genre
Le text se trouvant dans un élément qui se trouve "avant" tu peux essayer d'utiliser le selecteur prev
https://api.jquery.com/prev/
Mais comme le bouton est contenu dans une balise <p> il faut, au préalable faire appel au selecteur parent
https://api.jquery.com/parent/
Donc un truc du genre
var pText = $(this).parent().prev(); var txt = pText.html();
document.querySelectorAll(".btn-secondary").forEach( input => input.addEventListener('click', clickViewDetail($this)) );Cela me provoque une erreur : ReferenceError: $this is not defined
Si tu tiens à le faire en pure JavaScript dans ce cas-là la syntaxe est un peu différente
Par exemple pour avoir le parent
var child1 = document.getElementById("child1"), parent = child1.parentNode,