HTMLとjQueryを使用して複数のビューを操作する

Question

別のデータセットで独自のテーブルをレンダリングする2つのタブuserとadminがあります。テーブルには両方のタブビューにチェックボックスがあります。私は、データとチェックボックスの状態を絶えず切り替えている間に、各ビューのデータとチェックボックスの状態をどのように維持しますか。

また、HTML要素のIDが両方のタブで一意でなければならないので、私はHTMLとJSのコードが重複していることに気付きました。

これまでのところ、私はHTML5のLocalStorageを各タブの内容の状態を保存しようとしましたが、実際にはどこにでもいません。 JQueryの.clone()は、私が望むものを維持するのに十分ですか？ HTMLとJSを使用してタブ付きレイアウトのための効率的な解決策になる何

***Note: I am expecting some suggestions based on industry practices since I think this would be a very common problem.***

？

Answer 1

単一ページアプリケーションを使用している場合は、シンプルなjsオブジェクト（モデル）に状態を保存するだけで済みます。
異なるWebページのローカルストレージまたはセッションストレージの場合は、ソリューションを提供します。 LocalStorageでうまくいかないことはありますか？特に適切な解決策です。特に、ブラウザを閉じて再度開いた後に状態を保存したい場合は、