Gestion ID multiple

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:

---

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,

Citation:

---

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

Citation:

---

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:

---

1 2 3 4

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

---

Merci pour ta réponse rapide,

1/ Pour les envoyer en Ajax avec Jquery.

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

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:

---

1 2 3

id="obj_1" id="obj_2" id="obj_3"

---

Ensuite Jquery possède des slecteurs très puissants

Code:

---

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

---

tous les objets dont l'id commence par obj_


Mais passer par des class est tout aussi valable voire mieux

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

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:

---

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

---

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