Discussion :

[FCL31]

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

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[fredoche]

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

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(
$('output').on('click', function (){
	$('#clickresult').text($(this).text());
})
);

[FCL31]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Donc, je passe en 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.

[psychadelic]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FCL31]

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

Après, je sais pas lequel est le meilleur

[psychadelic]

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

la meilleure est toujours celle qui est la plus lisible.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[FCL31]

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