Récupérer une valeur sans selecteur

Bonjour.

Je vais essayer d’être clair (pas sur).

Je développe une appli en J2E.
Peut-être pas utile mais on sais jamais : j'utilise Struts 2 dans mes jsp.

Dans une JSP, j'appelle plusieurs fois une même jsp avec un iterator de Struts 2 dans laquelle, j'ai un autre iterator (pourquoi faire simple ?).
Bref, le problème n'est pas tout a fait là.

Au final, j'ai une page HTML (coté client) qui ressemble à un truc du style :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<div class="row"> <!-- premiére iteration --> <div class="col-md-4"> <output name="result">valeur1</output> <output name="result">valeur2</output> <output name="result">valeur3</output> <output name="result">valeur4</output> </div> <!-- seconde iteration --> <div class="col-md-4"> <output name="result">valeur5</output> <output name="result">valeur6</output> <output name="result">valeur7</output> <output name="result">valeur8</output> </div> <!-- troisieme iteration --> <div class="col-md-4"> <output name="result">valeur9</output> <output name="result">valeur10</output> <output name="result">valeur11</output> <output name="result">valeur12</output> </div> </div>

---

C'est simplifié mais l'idée est là.

Les <output> pourrait très bien être des <div>, <p>, <a>, ...

Comme ce sont des itération, je ne peut pas utiliser d'id sinon, je me retrouve avec plusieurs fois le même id dans la même page HTML.

Mon but est de pouvoir récupérer "valeur5" (par exemple) en cliquant sur ...... <output name="result">valeur5</output> ^^.

Mais aucune idée de comment faire. Avec un id, pas de problème mais là, je bug.

Une idée SVP.

Merci d'avance.

je ne vois pas bien pourquoi tu ne pourrais pas générer des id mais bon, peu importe, pas besoin d'ids, Jquery offre plein de moyens

avec Jquery tu peux sélectionner des éléments comme <output>, et leur associer un événement avec la fonction .on(), donc tu peux par exemple ajouter cela à ton html :

Code:

---

1 2 3 4

<div> <span>valeur du click : </span> <span id="clickresult"></span> </div>

---

et ensuite afficher dans ce bloc le résultat de tes clics :

Code:

---

1 2 3 4 5

$( $('output').on('click', function (){ $('#clickresult').text($(this).text()); }) );

---

Bon beh comme d'habitude, c'est quand on pause une question qu'on trouve la solution que je vous propose pour aider des personnes dans le besoin :

Code:

---

1 2 3

$('a').on('click', function(){ console.log(event.target.text); });

---

Donc, je passe en :resolu: mais si vous avez des proposition meilleure que la mienne, ne pas hésiter.

Merci quand même aux éventuelles personnes qui on cherché pour moi.

ta réponse n'est pas tres orthodoxe, en jquery on doit utiliser la référence sur l'event appellant.

Avec ta méthode tu peux éventuellement récupérer un évent différent dans le cas (rare mais possible) d'un conflit ou plusieurs events se chevauchent.
voir un résultat "undefined" si lélément n'a pas de texte...

Code:

---

1 2 3

$('a').on('click', function(event){ console.log( $(event.target).text() ); });

---

Merci beaucoup. j'ai essayé vos codes qui ont l'air de fonctionner comme je veux. :king:

Après, je sais pas lequel est le meilleur

:merci:

Citation:

---

Envoyé par FCL31

je ne sais pas laquelle est la meilleure [méthode]

---

la meilleure est toujours celle qui est la plus lisible.

Code:

---

1 2 3

$('a').on('click', function(){ console.log( $(this).text() ); });

---

Merci beaucoup. C'est pour cette raison que j'ai pris celle-ci ^^