Closure Example

by ncapito

HTML

<header>Nodes</header>
<ul class='nodes'>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
</ul>

JavaScript

var addTheHandlers = function (nodes) {
    var i;
    for (i = 0; i < nodes.length; i += 1) {
        nodes[i].onclick = function (e) {
            alert(i);
        };
    }
};

var $nodes = $('ul.nodes li');
addTheHandlers($nodes);