Bonjour

J'ai une page html où j'ai placé 2 divs qui contiennent chacune des 3 éléments enfants: 1 img et 2 spans.

Je voudrais, après avoir cliqué sur l'image, récupérer le contenu des 2 spans.

Malheureusement j'arrive seulement à récupérer le 1er span,ce qui m'affiche juste "1000" comme résultat.

Voici mon code:

index.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<div class="row">
  <img src="../images/galerie/batik/batik1.jpg" alt="image non disponible">
  <span class="px">1000</span>
  <span class="descrip">Description1 du produit</span>
</div>
 
<div class="row">
   <img id="batik3" src="../images/galerie/batik/batik2.jpg" alt="image non disponible">
   <span class="px">2000</span>
   <span class="descrip">Description2 du produit</span>
</div>

jquery.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
$('.row img').click(function() {
    var a = $( "img ~ span" ).html();
    console.log(a);
} );
J'aimerai donc récupérer tous les éléments enfants de "row" après la balise "img".

Merci