Question

希望每个人都很好。我对jQuery有一点问题。我想绑定多个按钮的多个事件。就像我单击run1时有六个按钮一样，输出将为1。对于run2。输出将是1 + 2 = 3，表示运行2按钮的值2。对于其余按钮，依此类推。只是它的板球运行计算器。六个按钮表示1,2,3,4,5,6运行。当单击任何人按钮时，运行将添加到先前的运行中。我的代码在下面。请帮助我。

var val = 1;
$('#run1').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 1;
    });
});

$('#run2').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 2;
    });
});

$('#run3').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 3;
    });
});

$('#run4').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 4;
    });
});

$('#run5').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 5;
    });
});

$('#run6').click(function () {
    $('#total_run').html(function (i, val) {
        return val * 1 + 6;
    });
});

Answer 1

给他们一个通用的类用作选择器，并使用当前的按钮索引进行计算

var $btns = $('.runButtonClass');

$btns.click(function(){
   var index = $btns.index(this);
   $('#total_run').html(function (i, val) {
        return val * 1 + (index + 1);
   });    
});

如何在单个函数中绑定jQuery多个按钮事件

1 个答案: