usando localstorage em hmtl5 para armazenar uma div criada dinamicamente sem usar banco de dados - android, html5, cordova, mobile, local-storage

Estou tentando desenvolver um aplicativo Web (aplicativo híbrido) usando html5 css3 jquery, jquery mobile phonegap e Dreamweaver cs6.

no meu aplicativo, tenho três caixas de seleção comopções diferentes e um botão. Quando o usuário clica no botão após selecionar as opções das três caixas de seleção, uma div será criada. até aqui tudo bem, mas depois que o aplicativo é atualizado ou movido para outra página e chego, estou perdendo a div criada. este aplicativo é um aplicativo de demonstração, então não estou usando nenhum banco de dados. existe uma maneira de armazenar usando o armazenamento local para salvar esta div, para que eu possa recuperar quando voltar ao aplicativo.

Respostas:

Certamente você pode

Salve isso

if (("localStorage" in window) && window["localStorage"] !== null) {
var divtosave = $("#divtosave").html();
localStorage.setItem("saveddiv", divtosave);
});

Use-o

if ("saveddiv" in localStorage) {
$("#div").html(localStorage.getItem("saveddiv"));
}

Limpar

localStorage.clear(); //release it