javascript - 本地存储迭代获取for循环内单击按钮的值

Question

我有这个代码:

for(var i = 0; i < localStorage.length; i++){
                var dataNya = JSON.parse(localStorage.key(i));
                // console.log(dataNya);
                var displayUlit = "";
                    displayUlit += "<br/>";
                var spaceTo = "";
                    spaceTo += " || ";
                console.log(dataNya);
                    var keme = localStorage.getItem(localStorage.key(i));
                $("#pangDisplay").append(dataNya + spaceTo + "<button class='pangEdit' value="+dataNya+">"+JSON.parse(keme)+"</button>" + "  " + displayUlit);
                console.log(JSON.parse(keme));
                // localStorage.setItem(JSON.stringify(dataNya), JSON.stringify("complete"));
            }
            $(".pangEdit").click(function(e){
                e.preventDefault();

                var pangInput = $(".pangEdit").val();
                console.log(pangInput);
                localStorage.setItem(JSON.stringify(pangInput), JSON.stringify("complete"));
            });

我想获取本地存储的 key ，我可以在其中传递数据并更新其值。帮帮我谢谢

Answer 1

您可以在 jQuery 中使用附加的 data 属性来实现此目的:

for (var i = 0; i < localStorage.length; i++) {
    var dataNya = localStorage.key(i);

    var displayUlit = "";
    displayUlit += "<br/>";

    var spaceTo = "";
    spaceTo += " || ";

    var keme = localStorage.getItem(dataNya);
    var button = "<button class='pangEdit' data-storagekey='" + dataNya + "' value='" + dataNya + "'>" + keme + "</button>";
    $("#pangDisplay").append(dataNya + spaceTo + button + "  " + displayUlit);
}

$(".pangEdit").click(function(e) {
    e.preventDefault();

    var dataNya = $(this).data('storagekey');

    localStorage.setItem(dataNya, "complete");
});