Как включить 2 таблицы в один элемент LocalStorage?

Question

У меня есть таблица, которую вы можете редактировать, и у меня есть простой код, сохраняющий этот список, когда вы закончите его редактирование.

(столы имеют contenteditable на)

Проблема я наткнулся на то, что если я дважды щелкните на въезд, таблица получает разделить на две отдельные таблицы с тем же ID. Это приводит к тому, что код, который я использую, устанавливает localStorage только для хранения одной из таблиц (я предполагаю, что первый). Я думал о разных решениях, и мне интересно, может ли кто-нибудь указать на pro и con (если решения даже работы, которые есть).

1. Сделайте петлю, которая проверяет страницу после таблиц и сохраняет их в массив LocalStorage-элементов .. Я должен динамически создать элемент LocalStorage для каждой таблицы.

2. Возьмите весь div, в котором находятся таблицы, и сохраните его в локальном хранилище, когда пользователь пересматривает страницу, страница проверяет после хранения элементов и отображает все div.

3. Любые предложения, у вас есть, что может победить это :) .. (но не кэш, он должен быть с LocalStorage!)

Answer 1

Я считаю, что ваш вопрос неясными из-за этой части:

проблема я наткнулся на то, что если дважды нажать на въезд, таблица получает разделить на две отдельные таблицы с тем же ID.

Просьба пояснить это подробнее ... Зачем вам дважды входить? Какой объект сфокусирован, когда вы дважды нажимаете enter?

Хотя я знаю, что я, вероятно, ошибаюсь. Похоже, у вас есть одна таблица, которая превращается в две таблицы. Вы имеете в виду < стол >? Или таблицы БД?

Просто быть более ясным, что поможет;)