Utiliser la fonction jquery dans une boucle
Bonjour,
Je suis confronté a un problème. Je dispose de plusieurs blocs sur lesquels j'aimerais traiter la même fonction, a l'identifiant prés. C'est pour un système d'upload.
Pour faire un exemple clair : Je souhaite afficher le nom du bloc sur lequel je clique. Pour le bloc 1 cela marche, il est écrit littéralement. Mais pour ceux qui sont issus de la boucle, seul la valeur 11 semble être la norme. (Alors que le console.log m'affiche correctement tout les id.)
J'imagine que ce que je propose est bancale, mais je n'ai pas trouvé d’équivalent propre sur internet...
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!DOCTYPE HTML>
<html>
<head>
<meta charset= "utf-8" lang= "fr" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>
<body>
<div id="test1">test bloc 1</div>
<div id="test2">test bloc 2</div>
<div id="test3">test bloc 3</div>
<div id="test4">test bloc 4</div>
<div id="test5">test bloc 5</div>
<div id="test6">test bloc 6</div>
<div id="test7">test bloc 7</div>
<div id="test8">test bloc 8</div>
<div id="test9">test bloc 9</div>
<div id="test10">test bloc 10</div>
<div id="test11">test bloc 11</div>
<script type="text/javascript" src="probleme.js"></script>
</body>
</html> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| //La fonction de test
function fonctionexterne(numbloc) {
alert("Je suis sur le bloc "+numbloc);
}
//On implemente le comportement du premier bloc pour les test (qui marche)
$("#test1").click(function() {
fonctionexterne(1);
});
//Ensuite on essaye donc de generer le comportement pour tout mes blocs (ce qui ne marche pas)
for (j=2;j<=11;j=j+1) {
reff = "#test";
reff += String(j);
$(reff).click(function() {
fonctionexterne(j)
});
console.log(reff);
} |
