国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

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
相關文章:
主站蜘蛛池模板: 日韩成人中文字幕 | 黄色a站| 在线男人天堂 | 欧美成人三级网站 | 99成人精品 | 日本二区免费一片黄2019 | 另类专区 亚洲 | 三级手机在线观看 | 亚洲成a人不卡在线观看 | 色偷偷88欧美精品久久久 | 伊人爱爱网 | 91久久国产露脸精品 | 国产精品一二区 | 亚洲成a人一区二区三区 | 成人a毛片高清视频 | 欧美日韩视频一区三区二区 | 97免费在线观看视频 | a一级毛片视频免费看 | 亚洲视频中文 | 黄色三级视频 | 男人桶女人暴爽的视频 | 欧美一区二区三区精品国产 | 亚洲欧美在线一区二区 | 特级aa一级欧美毛片 | 色综久久 | 伊人久久大香线焦在观看 | 女人扒开腿让男人捅啪啪 | 欧美日韩精品一区二区三区不卡 | 国产第一页久久亚洲欧美国产 | 真实偷清晰对白在线视频 | 欧美白人最猛性xxxxx | 青青爽国产手机在线观看免费 | 精品国产一区二区三区四区不 | 久久久久久国产精品免费免 | 精品一区二区三区在线视频观看 | 国产一成人精品福利网站 | 九九99久久 | 精品国产免费第一区二区 | 欧美深夜在线 | 日韩成人精品日本亚洲 | 成人国产精品高清在线观看 |