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 获取值，并可以使用 index 在 for 循环中使用。

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
    }
}

或

直接使用array中的sessionStorage值。

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
    }
}