Я делаю что-то вроде списка дел, где элементы - это пути к файлам.Я хочу сохранить каждый элемент в localStorage и иметь возможность удалить их из списка, но у меня возникают проблемы при этом.
Каждый элемент имеет боковую иконку для удаления.Когда я нажимаю на значок, я вызываю функцию для удаления из localStorage и «перекрашиваем» список элементов, обновляя страницу.Это работает, если у меня есть один элемент, но если у меня есть два или более, это не работает.Это мой код для удаления:
$(document).on('click', '.eliminar', function(e){
var items = JSON.parse(localStorage["items"]);
for (var i = 0; i < items.length; i++) {
if(items[i].includes($(this).attr("id"))){
items.splice(i,1);
break;
}
}
localStorage.setItem("items", items);
window.location.reload();
});
Я не знаю ключ к элементу, но каждый крестик имеет имя элемента в качестве своего идентификатора, поэтому я использую его как своего рода селектор.
Как я уже сказал, если у меня есть два или более элементов, и я нажимаю крестик, чтобы удалить один, оба исчезают из списка, когда страница обновляется, и я получаю следующую ошибку: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data