使用sessionStorage更新按钮文本

Question

我使用sessionStorage更新按钮文本。我已经将按钮ID存储在一个数组中。我的问题是如何使用sessionStorage值更新按钮文本？以下是一个例子。

var btnArr = [fruit, veggies, dessert];
if (sessionStorage.getItem("val0")) {
    button0 = sessionStorage.getItem("val0");
    button1 = sessionStorage.getItem("val1");
    button2 = sessionStorage.getItem("val2");
    for(i = 0; i<btnArr.length; i++){
        $('#'+btnArr[i]).text("button"+i); // How do I update this value here?
    }
}

Answer 1

使用array存储与您btnArr数组相同的按钮值。从sessionStorage获取值，并使用for在index循环中使用。

var btnArr = [fruit, veggies, dessert];


var buttonValues = []; // For buttons


if (sessionStorage.getItem("val0")) {
    // Add values in array
    buttonValues.push(sessionStorage.getItem("val0"));
    buttonValues.push(sessionStorage.getItem("val1"));
    buttonValues.push(sessionStorage.getItem("val2"));

    for (i = 0; i < btnArr.length; i++) {
        $('#' + btnArr[i]).text(buttonValues[i]); // Use values from array
    }
}

或

直接在sessionStorage中使用array值。

var btnArr = [fruit, veggies, dessert];
if (sessionStorage.getItem("val0")) {
    var buttonValues = [sessionStorage.getItem("val0"), sessionStorage.getItem("val1"), sessionStorage.getItem("val2")]; // Add values in array

    for (i = 0; i < btnArr.length; i++) {
        $('#' + btnArr[i]).text(buttonValues[i]); // Get values from array
    }
}