Quiero realizar contadores en cada boton que se da click, el problema es que cuando doy click en los demas botones el contador continua con el valor anterior, en vez de aumentar desde cero o desde e valor que tiene ese boton.
No quiero realizar el contador dependiendo del "id" del elemento porque son varios botones, quiero que cuando se click en ese boton aumente y si se da click en otro aumente pero no con el valor anterior.
<script type="text/javascript">
var i = 0;
$(document).on('click', 'button', function() {
if (i < 20 ) {
i++;
$(this).text(""+i);
}
});
</script>
Este es el resultado. Lo que pretendo realizar es que el los botones tengan sus propios valores y no dependan del valor anterior de otro elemento