Event handler in a loop

by randomusername987

HTML

<button>1st button</button>
<button>2nd button</button>
<button>3rd button</button>

<span></span>

JavaScript

for ( var i = 0; i< 3; i++ ) {
    $('button:eq(' + i + ')').click(function() {
        $('span').append(i + 'button was clicked');
    });
}