使用HTML5本地存储的标记表行

我们试图编写一个代码来使用html5本地存储和jquery标记表行。请检查下面的代码...使用HTML5本地存储的标记表行

$(document).ready(function() { 
    $('table tbody tr').click(function() { 
     var id = $(this).attr('id'); 
     localStorage.setItem("row", id); 
    }); 
});

我们要黄色的背景颜色应用到表行，如果该标识在本地存储，可以请你帮我们写这个代码？谢谢...

来源

2011-03-12 seoppc

要在本地存储设置的项目：

localStorage.setItem('key', 'some value');

来读取本地存储中的项目：

var value = localStorage.getItem('key');

要应用的黄色背景颜色使用jQuery的DOM元素：

$(this).css({ backgroundColor: 'Yellow' });

来源

2011-03-12 18:41:36

但如何检查id是否是本地存储，如果是的话把黄色bg。 – seoppc 2011-03-12 19:32:07

@seoppc，这将取决于你存储它的密钥。因此，例如，您可以在本地存储中存储一个ID数组：'localStorage.setItem（'ids'，['4'，'7'，'9']）;'然后获取该数组：'var ids = localStorage.getItem（'ids'）;'并使用['indexOf']检查当前的'id'是否在这个数组中（https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/ indexOf）方法以及是否应用相应的颜色。 – 2011-03-12 19:35:36

如果您可以提供代码，这将非常有帮助。 – seoppc 2011-03-12 19:52:16

使用HTML5本地存储的标记表行

回答

相关问题