Multiple Button Single Click Events
add multiple buttons to one click event
HTML
<div id="button-nav">
<button class="button" type="button1" data-btn="1" >button 1</button>
<button class="button" type="button2" data-btn="2" >button 2</button>
<button class="button" type="button3" data-btn="3">button 3</button>
</div>
<div id="cdmx">
<div class="sec_paquetes">VELO SHOT</div>
<div class="content_descomprar">
<div class="clase_compra">1 CLASE <br><div class="text_secund"> Expira en 30 días</div></div>
<div class="precio_compra">$300</div>
<div class="boton_compra"> <a id="comprar_user" data-btn="1" class="css_btn" name="comprar_user" data-role="button">COMPRAR</a></div>
</div>
<div class="sec_paquetes">VELO STARTER <div class="titulo_sec2">($286 por clase)</div></div>
<div class="content_descomprar">
<div class="clase_compra">5 CLASES <br><div class="text_secund"> Expira en 60 días</div></div>
<div class="precio_compra">$1,430</div>
<div class="boton_compra"> <a id="comprar_user" data-btn="2" class="css_btn" name="comprar_user" data-role="button">COMPRAR</a></div>
</div>
<div class="sec_paquetes">PLAY HARD <div class="titulo_sec2">($270 por clase)</div></div>
<div class="content_descomprar">
<div class="clase_compra">10 CLASES <br><div class="text_secund"> Expira en 120 días</div></div>
<div class="precio_compra">$2,700</div>
<div class="boton_compra"> <a id="comprar_user" class="css_btn" name="comprar_user" data-role="button">COMPRAR</a></div>
</div>
<div class="sec_paquetes">VELO POWER <div class="titulo_sec2">($250 por clase)</div></div>
<div class="content_descomprar">
<div class="clase_compra">25 CLASES <br> <div class="text_secund">Expira en 180 días</div></div>
...
JavaScript
$('.cdmx').on('click','comprar_user', function (evt) {
//$('#button-nav').on('click','button', function (evt) {
var res = $(this).data('btn');
alert(res);
//-- open up the browser console to view output or
//-- change the console.log to alert
console.log(res);
});