Question

目前我正在使用以下代码从HTML5本地存储中删除表中的一行数据：

$("#deletedata").click(function() {
    var itemId = $("input:checked").parent().parent().attr('id');
    localStorage.removeItem(itemId);
});

基本上我在每一行中都有一个复选框，当选中此复选框并按下“删除选中”按钮时，这一位代码将指向保存数据的父行。它工作正常，但如果选择了多行，则它不起作用 - 它只会删除它从localstorage中找到的第一行。我需要“删除已选中”按钮来删除所有选定的行。

任何人都可以帮忙吗？谢谢！

Answer 1

尝试使用.each()检查所有输入，并删除本地存储中的项目：

$("#deletedata").click(function() {
    $("input:checked").each(function(){
    var itemId = $(this).parent().parent().attr('id');
    localStorage.removeItem(itemId);
   });
});

在您的代码中只获取第一个并删除。

从本地存储中删除多行数据

1 个答案: