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

Question

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

(в таблицах есть содержание)

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

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

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

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

Answer 1

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

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

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

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