Modification de plusieurs div en JQUERY

Logiciel & apps Programmation
1

Bonjour,

Voici un bout de code (exemple) :


   <div id="div_principal"> // le height n'est pas précisé, donc par defaut est en auto
      <?php for($i=1;$i<=5;$i++){ ?>
      <div id="id<?php echo $i ?>" style="position: height: 0px">
          blablablablablabla
      </div>
      <?php } ?>
   </div>

// Code jquery
$("#id.....").click(
function(){
alert("vous avez cliqué sur le div n°......");
}
)

Question :
Comment passez le n° du div au jquery sachant que le nombre est aléatoire.
Créer 50 fonctions jquery par une boucle serait plutôt barbare comme solution lol

Merci si vous avez une solution ^^

2

Je ne sais pas pour jQuery, mais en javascript, chaque événement peut accèder à un objet Event (qui fonctionne différemment sous IE et Fx) qui te permet entre autre d’obtenir l’objet qui a émis l’événement (ici, ton div), de là tu peux récupérer l’id, et le reste.

3

Merci pour ta réponse,

On m’à donné la solution propre au jquery :
Rechercher les div encapsulés via un $("#div_maitre div).each()
:slight_smile:

4 
$(this).click( )

En utilisant un This, le curseur ce place sur le div que tu a cliqué ( ou le parent / enfant )

Et a partir de la, tu peut récuperer son ID.

Au pire, tu rajoute une value, et tu met la meme que l’id, et tu la récupere :

var id = $(this).attr("value") ;
5

ou


<div name="mesDiv" id="idxxxx" />
<div name="mesDiv" id="idyyyy" />
<div name="mesDiv" id="idzzzz" />
$(".mesDiv").click(function(){
 var idDiv = $(this).attr("id");
 alert( "La div n°"+idDiv+" à été clické" );
});

:neutre:

Bon en fait il a pas l’air d’aime les name="" sur autre chose que les liens :o
Edité le 16/07/2009 à 14:56