javascript - 使用 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
    }
}