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

Afficher la suite

2 réponses

Réponse 1 / 2
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
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();
```
0
1. Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention
  
  D'accord est auriez vous une idée de comment gérer le faut qu'il y ai plusieurs boutons ?
  
  0
  1. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830 > Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention
    
    Le dollar this correspond au bouton sur lequel tu as cliqué
    
    0
  2. Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention > jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention
    
    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
    
    0
  3. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830 > Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention
    
    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,
    
    0
Réponse 2 / 2
Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention

Oui j'ai vu, mais votre réponse ma guider. Mais cela ne m'aide pas pour ma seconde question ?
0
1. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
  
  https://www.pierre-giraud.com/javascript-apprendre-coder-cours/addeventlistener-gestion-evenement/
  
  0
  1. Hamster18 Messages postés 176 Date d'inscription Statut Membre Dernière intervention > jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention
    
    Merci beaucoup !!
    
    0

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

2 réponses

Discussions similaires

Newsletters