Bonjour à tous!

J'aurais besoin d'un petit coup de main. Est-ce que quelqu'un peut m'expliquer pourquoi les éléments de ma classe ont changés malgré que, visiblement, je suis dans la bonne instance puisque la valeur de "el" est toujours bonne.

Code : 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
<html>
  <head>
    <style>
      div{height:50px; width:50px; background-color:#000; margin-bottom:5px;}
    </style>
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script>
        MyClass = function( el ){
            self = this;
 
            self.el = el;
 
            $(self.el).click(function(){
                alert(el + ' - ' + self.el);
            });
        }
    </script>
  </head>
  <body>
 
    <div id="box1"></div>
    <div id="box2"></div>
 
    <script>
       new MyClass('#box1');
       new MyClass('#box2');
    </script>
  </body>
</html>