色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

javascript - 通過localStorage實現表格點擊行置頂 且刷新頁面保持當前狀態

瀏覽:120日期:2023-05-01 18:37:46

問題描述

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

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

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

問題解答

回答1:

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

var col_identifier = { col1: ... col2: ... col3: ...};localStorage.setItem(’col_identifier’, JSON.stringify(col_identifier));

用的時候直接取出這個值,然后解析,再取出col1、col2和col3的值,進行比對

var col_identifier = JSON.parse(localStorage.getItem(’col_identifier’) || ’{}’);var col1 = col_identifier.col1 || ’’;var col2 = col_identifier.col2 || ’’;var col3 = col_identifier.col3 || ’’;... // 下面就是對比表格數據了回答2:

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美成人性生活视频 | 成人黄色在线网站 | 亚洲视频网站在线观看 | 国产日韩线路一线路二 | 热99re久久精品香蕉 | 日韩在线精品视频 | 亚洲国产成人在线视频 | 欧美a大片 | 免费一级欧美大片在线观看 | 亚洲爽妇网 | 欧美一级毛片一级毛片 | 高颜值美女啪啪 | 欧美一级香蕉毛片 | 国产午夜人做人视频羞羞 | 国产一级片网址 | 国产午夜精品理论片影院 | 久久国产视频一区 | 五月色婷婷综合开心网亚 | 欧美日韩一区二区不卡三区 | 成人男女视频 | 人成精品| 古代级a毛片在线 | 国产在线精品一区二区中文 | 欧美一区二区三区在线观看免费 | 日韩免费一区二区三区 | 欧美在线观看一区 | 99久久九九 | 怡红院自拍 | 久草精彩视频 | 欧美成人免费午夜全 | 91精品国产手机 | 国产黄色大片网站 | 亚洲国产日韩女人aaaaaa毛片在线 | 全部免费a级毛片 | 国产精品一区高清在线观看 | 精品72久久久久久久中文字幕 | 国产日韩久久 | 国产91色综合久久免费 | 久久香蕉国产视频 | 国产成人亚洲精品老王 | 午夜精品久久久久久91 |