jquery: pasando argumentos (data) para manejadores de eventos asignados dinamicamente a componentes

Passing data to the handler

by limd

HTML

<button id="btn1">1</button>
<button id="btn2">2</button>
<button id="btn3">3</button>

CSS

button {
    margin: .5em;
    padding: 1em 3em;
    border: 1px solid rgba(0,0,0,1);
    background: rgba(0,0,0,.2);
}

JavaScript

function showMsg(e) {
    alert('button' + e.data.num + 'clicked!!!');
}

for (i=1; i < 4; i++) {
    $("#btn" + i).on('click', {num: i}, showMsg);
}