国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 通過localStorage實現(xiàn)表格點擊行置頂 且刷新頁面保持當(dāng)前狀態(tài)
習(xí)慣沉默
習(xí)慣沉默 2017-06-28 09:27:46
0
2
858

由于至少需要3列的值可以確定唯一的行

所以我的思路是
1.每次點擊置頂按鈕的時候 將對應(yīng)行的那3列(每列為1個key)的value存入localStorage,即save過程
2.每次重新載入頁面時,讀取本地數(shù)據(jù),在獲取表格數(shù)據(jù)之后,每行的那3列都與存在本地數(shù)據(jù)對比,相等的就保持置頂

如上的想法,現(xiàn)在我的問題所在:
多次點擊之后,每個列所對應(yīng)的key的value應(yīng)該不止一個 對比該如何進行
for循環(huán)不太清楚具體用法

習(xí)慣沉默
習(xí)慣沉默

全部回復(fù)(2)
曾經(jīng)蠟筆沒有小新

其實你不用每列為一個Key存儲的,可以將這三列的數(shù)據(jù)做成一個JS對象,然后,將字符串化的值存入localStorage,比如:

var col_identifier = {
    col1: ...
    col2: ...
    col3: ...
};

localStorage.setItem('col_identifier', JSON.stringify(col_identifier));

用的時候直接取出這個值,然后解析,再取出col1col2col3的值,進行比對

var col_identifier = JSON.parse(localStorage.getItem('col_identifier') || '{}');

var col1 = col_identifier.col1 || '';
var col2 = col_identifier.col2 || '';
var col3 = col_identifier.col3 || '';

... // 下面就是對比表格數(shù)據(jù)了
小葫蘆

可以置頂多個行嗎?是的話可以存一個數(shù)組。

感覺比較3個屬性過于復(fù)雜了,可以給每行一個唯一的 id,這樣只要看 id 是否匹配就可以。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板