Accéder a un élément d'une même division

Résolu/Fermé

Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024 - Modifié le 4 févr. 2020 à 21:34
Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024 - 7 févr. 2020 à 12:17

Bonjour,
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.
Notice d'utilisation - Guide
Acceder a uptobox - Guide
Utilisation chromecast - Guide
Acceder au bios - Guide
La ressource demandée est en cours d'utilisation ✓ - Forum Caméra

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
4 févr. 2020 à 21:37

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

var pText = $(this).parent().prev();
var txt = pText.html();

Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024
5 févr. 2020 à 20:01

D'accord est auriez vous une idée de comment gérer le faut qu'il y ai plusieurs boutons ?

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650 > Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024
5 févr. 2020 à 20:07

Le dollar this correspond au bouton sur lequel tu as cliqué

Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024 > jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024
Modifié le 5 févr. 2020 à 20:19

a quel endroit car comme ceci :

document.querySelectorAll(".btn-secondary").forEach( input => input.addEventListener('click', clickViewDetail($this)) );

Cela me provoque une erreur : ReferenceError: $this is not defined

Si tu as lu les liens que je t'ai donné tu as dû voir que ça faisait référence à jQuery

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,

Réponse 2 / 2

Hamster18 Messages postés 178 Date d'inscription mercredi 2 janvier 2019 Statut Membre Dernière intervention 22 janvier 2024
5 févr. 2020 à 21:33

Oui j'ai vu, mais votre réponse ma guider. Mais cela ne m'aide pas pour ma seconde question ?

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
5 févr. 2020 à 21:40

https://www.pierre-giraud.com/javascript-apprendre-coder-cours/addeventlistener-gestion-evenement/

Merci beaucoup !!

Discussions similaires

Votre PC ne peut pas utiliser un autre écran.

snapchat désolé nous n'avons pas trouve

Comment "inspecter l'élément" sur Mac ?

Jeu avec réponses à donner

désolé les données que vous utilisez sont invalides

Discussions similaires

Newsletters