Discussion :

[Hesiode]

Bonjour,

Je ne sais pas si ma demande est bonne, si le forum est, et je n'arrive pas à m'exprimer à mr google pour trouver la réponse à ma question

J'ai des éléments à afficher en boucle, puis ensuite les traiter via jquery, ça pourrait donner quelque chose comme ça :

Code html :

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

1
2
3
4
5
6
7
8
<div id="elt1">
<a href="#" id="play"><img src="/images/button_play.png"></a>
<input type="hidden" id="id_ident" value="1">
</div>
<div id="elt2">
<a href="#" id="play2"><img src="/images/button_play.png"></a>
<input type="hidden" id="id_ident2" value="1">
</div>

Mes questions :
1/ N'y a t'il pas un autre moyen que d'utiliser la balise hidden pour envoyer variables ?
2/ N'y a t'il pas un autre moyen pour gérer les div multiples ?

Merci,

[Bovino]

1/ N'y a t'il pas un autre moyen que d'utiliser la balise hidden pour envoyer variables ?

Je comprends pas trop la question...
Envoyer quelles variables ? Où ?
Tu as un lien au-dessus, cliquer sur un lien ne te permettra pas de transmettre les valeurs d'un champ caché.

2/ N'y a t'il pas un autre moyen pour gérer les div multiples ?

C'est plus simple d'utiliser des classes au lieu (ou en complément selon tes besoins) des identifiants.

Code :

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

1
2
3
4
$('.classeCommune').on('click', function(){
    // Ici, this correspond à l'objet DOM (HTML) cliqué
    // $(this) correspond à l'objet jQuery cliqué
});

[Hesiode]

Merci pour ta réponse rapide,

1/ Pour les envoyer en Ajax avec Jquery.

2/ Ah oui parfait parfait c'est beaucoup plus propre

[SpaceFrog]

un id doit être unique sur la page
si tu génères les id dans une boucle il suffit de les incrémenter ...
leur coller une racine commune et un incrément

Code :

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

1
2
3
id="obj_1"
id="obj_2"
id="obj_3"

Ensuite Jquery possède des slecteurs très puissants

Code :

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

$("[id^='obj_']")

tous les objets dont l'id commence par obj_


Mais passer par des class est tout aussi valable voire mieux

[Hesiode]

Merci, c'est exactement ce que je cherchais !

Merci encore, je sais que l’énoncé de mon problème n’était pas très bien formulé..

[Bovino]

Ensuite, techniquement, le plus optimisé serait de faire de la délégation d'événement.
Dans ton cas, que ce soit avec des sélecteurs de classe ou d'attribut, tu es obligé de poser des gestionnaires d'événement sur chacun des éléments (même si c'est jQuery qui le fait en interne et que tu ne le vois pas).
La délégation d'événement consiste à ne poser qu'un seul gestionnaire sur un élément parent commun et de vérifier lorsque l'événement est déclenché si l'élément qui en est à l'origine est bien du type que tu souhaites.

jQuery sait très bien faire cela et ce sera plus léger :

Code :

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

$('#parentCommun').on('click', '.classeCommune', function(){...});

Bien sûr, .classeCommune peut être remplacé par [id^=id].