更改变量的值

时间:2014-06-06 09:22:37

标签: jquery variables

我正在尝试构建一个简单的评分应用,但我遇到了一个问题,试图保留它,所以我不必重复一堆代码来处理每个&#39碱基'单独

基本思想是当我点击按钮时脚本会;

1)抓住所述按钮的ID

2)将ID分成两部分 - (a)基本名称和(b)按钮类型(加/减)

3)如果它加上 - 添加到基础分数,如果它减去 - 从基础分数减去

4)用新值

更新指定的div

我坚持的部分是加减。我似乎无法让它发挥作用。

以下是代码:

$('.base button').click(function() {
    var b1Score = 0;
    var b2Score = 0;
    var b3Score = 0;
    var b4Score = 0;
    var b5Score = 0;

    var clickedButton = $(this).attr('id');
    var buttonInfo = clickedButton.split('-');
    var baseClicked = buttonInfo[0];
    var baseDirection = buttonInfo[1];

    var baseDiv = ('#' + baseClicked);

    console.log('You clicked ' + clickedButton + '.');

    if (baseDirection.indexOf('plus') >= 0) {
        console.log('Increasing ' + baseClicked + '!');

        ++;
        $(baseDiv).val();
    } else {
        console.log('Decreasing ' + baseClicked + '!');

        --;
        $(baseDiv).val();
    }
});

++;和 - ;是占位符,用于添加和减少需要发生的位置。我只是无法弄清楚如何使其增加或减去正确的值。

感谢任何帮助。

感谢。

1 个答案:

答案 0 :(得分:0)

您可以将分数设为Array对象:

var scores = {
    "b1": 0,
    "b2": 0,
    // ...
}

您可以通过执行以下操作来增加它们:

scores[baseClicked] = scores[baseClicked] + 1;