Javascript 如何在本地存储中保存已传输的行

我想要的是

$（函数（）{
函数moveRow（row、targetTable、newLinkText）{
$（世界其他地区）
.appendTo（目标）
.查找（“A”）
.text（newLinkText）；
}
$（“#第一个A”）.live（“单击”，函数（）{
moveRow（$（this）.parents（$），$（“#SECOND”），“Add”）；
});
$（“#秒A”）.live（“单击”，函数（）{
moveRow（$（this）.parents（$），$（“#FIRST”），“Delete”）；
});
});


1.
第一值
2.
第二值
...
...
使用以下代码存储和读取
localStorage
：

$('#FIRST A,#SECOND A').live('click', function() {
   localStorage.setItem('FIRST',$('#FIRST').html());
   localStorage.setItem('SECOND',$('#SECOND').html());
});

var first = localStorage.getItem('FIRST');
var second = localStorage.getItem('SECOND');
!first || $('#FIRST').html(first);
!second || $('#SECOND').html(second);


更新

比上述更好的方法是创建一个
saveTables
函数，在每次进行任何更改后都应调用该函数：


$（函数（）{
函数moveRow（row、targetTable、newLinkText）{
$（世界其他地区）
.appendTo（目标）
.查找（“A”）
.text（newLinkText）；
存储表（）；
}
函数saveTables（）{
localStorage.setItem（'FIRST'，$（'#FIRST'）.html（）；
setItem（'SECOND'，$（'#SECOND'）.html（）；
}
$（“#第一个A”）.live（“单击”，函数（）{
moveRow（$（this）.parents（$），$（“#SECOND”），“Add”）；
});
$（“#秒A”）.live（“单击”，函数（）{
moveRow（$（this）.parents（$），$（“#FIRST”），“Delete”）；
});
var first=localStorage.getItem（'first'）；
var second=localStorage.getItem（'second'）；
！first | |$（'#first'）.html（first）；
！second | |$（'#second'）.html（second）；
});


1.
第一值
2.
第二值
...
...
非常感谢。它工作，我只是有一个奇怪的问题，当我在我的服务器上尝试它。我的表列表相当大，localstorage通过保存内容而不是保存和删除上次添加的内容。因此，如果我只向另一个表中添加一个内容，它根本不会保存任何内容。如果我添加2个东西，它只保存1个东西。不确定为什么x_uxper会在更改发生之前将表保存到
localStorage
。你能试试上面的更新吗？我不确定我能不能做到。表1中的项目是从数据库中生成的，不确定是否会导致它@我不确定我是否理解你的担心。我建议的更新似乎是对您已经尝试过的内容的一个微不足道的更改。当然，它会在本地存储中保存，只是出于未知原因，不会保存最后添加的内容。如果我在第二个表中添加5项内容，则在浏览器刷新后，只保存前4项内容。我提到了数据库，因为第一个表中的所有内容都是从数据库生成的。。并且认为这与这个问题有关。不知道