2016-12-05 4 views
-2

Я пытаюсь сделать простой список ToDo с помощью JQuery, и я попытался реализовать locaStorage (это мой первый раз его использование). Добавление элементов в localStorage отлично работает, но у меня проблемы с их удалением. Я попытался это:Локальное хранилище удалите элемент

localStorage.removeItem("todolist", $('#todoList').html()); 

и это:

localStorage.removeItem("todolist"); 

в обеих случаях, когда я использую кнопку удалить все элементы шахты «LI», будут удалены, но я хочу, чтобы удалить отдельный элемент ' li ', поэтому я мог бы использовать что-то вроде этого селектора в JQuery. Вот мой JSBin, чтобы вы лучше поняли, что я делаю: http://jsbin.com/tenara/2/edit?html,js,output

+0

Можете ли вы разместить больше кодов, пожалуйста. – Anadi

+0

Не храните 'html' в локальном хранилище, храните массив объектов (стригированный) и добавляйте/удаляйте из него, так как добавляются/удаляются элементы списка дел – Jamiec

+0

Обратите внимание, что localstorage сохраняет только строку, поэтому, когда вы хотите удалить определенные элементы , вы должны разобрать и повторно использовать его – empiric

ответ

4

Когда вы удаляете товар, вы не удаляете весь свой todolist. Скорее, вы должны сохранить обновленный todolist с удаленным элементом.

В то время как ваш способ сохранения элементов сомнительный (у вас действительно должен быть массив элементов, каждый элемент имеет описание и «сделанное» состояние, затем JSON строит его и сохраняет это вместо), он должен работать просто отлично , если вы действительно сохраняете обновленный список, когда элемент удален.

+0

Так что в основном мне нужно обновить свой список, когда я нажимаю кнопку удаления? Должен ли я делать это в моей функции для удаления элементов списка или когда документ готов? Мне жаль, что я новичок в программировании и понимаю, что все эти новые концепции мне тяжелы. Сначала я попытался сделать этот список с JSON, но это не пошло хорошо, так что теперь я пытаюсь добиться этого с помощью localStorage. – Karadjordje

 Смежные вопросы

  • Нет связанных вопросов^_^