# bind click event loop index

# bind click event loop index

by jihoon kim

HTML

<div id='my_div'>
<div style='border: 1px solid #f00;'>
Click Me! 
</div>
<div style='border: 1px solid #f00;'>
Click Me!
</div>
<div style='border: 1px solid #f00;'>
Click Me!
</div>
<div style='border: 1px solid #f00;'>
Click Me!
</div>
<div style='border: 1px solid #f00;'>
Click Me!
</div>
<div style='border: 1px solid #f00;'>
Click Me!
</div>
</div>

JavaScript

var g = document.getElementById('my_div');
for (var i = 0, len = g.children.length; i < len; i++)
{

    (function(index){
        g.children[i].onclick = function(){
              alert(index)  ;
        }    
    })(i);

}