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

或

直接使用 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
    }
}

使用 sessionStorage 更新按钮文本

Using sessionStorage to update button text

html

javascript

jquery

sessionstorage