Bonjour,

Pouvez vous m'expliquer comment utiliser une variable dans un sélecteur jQuery?

L'idée c'est de faire:
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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html> <!--on declare au validator le langage utilisé-->
<html>
<head>
 
<!-- Bootstrap core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">		<!--déclaration du fichier CSS dans sa version minifiée-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
<style type="text/css">
#image1{position: relative; z-index:200;}
#image2{position: relative; z-index:200;}
#image2{position: relative; z-index:200;}
#close1{z-index:1000;}
#close2{z-index:1000;}
#close3{z-index:1000;}
</style>
 
</head>
 
<body>
 
<img src="close.png" id="close1" class="img-circle" />
<img src="close.png" id="close2" class="img-circle" />
<img src="close.png" id="close3" class="img-circle" />
 
<img src="gravure1petit.jpg" id="image1" />
<img src="gravure2petit.jpg" id="image2" />
<img src="gravure3petit.jpg" id="image3" />
 
<br><br><br><br><br><br><br><br><br><br>
 
<span id="afficher"></span>
 
<script src="jquery.js"></script>
<script>
jQuery(document).ready(function(){                                      /*attente de la disponibilite du DOM*/
 
        for (i=0, i<4, i++) {
        var coord_image+i = $('#image'+i).offset();             /*variable intermediaiare qui recupere les coordonnees, position absolue, de l'image de classe imagei*/
                $('#close'+i).offset(coord_image+i);            /*on modifie les coord de l element de classe closei
        
});
</script>
 
</body>                                         
 
</html>

Cordialement