亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 通過localStorage實現(xiàn)表格點擊行置頂 且刷新頁面保持當(dāng)前狀態(tài)

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

問題描述

由于至少需要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)不太清楚具體用法

問題解答

回答1:

其實你不用每列為一個Key存儲的,可以將這三列的數(shù)據(jù)做成一個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 || ’’;... // 下面就是對比表格數(shù)據(jù)了回答2:

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

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 日本一级特黄在线播放 | 欧美一区不卡二区不卡三区 | 91久久国产视频 | 亚洲天堂h | 黄色网址免费在线观看 | 免费亚洲一区 | 草草国产 | 国产夜色福利院在线观看免费 | 国产自产自拍 | 国产在线观看网站 | 草草草网站 | 成人免费在线视频观看 | 日韩成人影院 | 高清亚洲精品酒店一区 | 天天欲色成人综合网站 | 一级片免费观看视频 | 亚洲综合图色40p | 亚洲在线一区 | 玖草资源在线 | 日韩黄毛片 | 午夜性刺激免费视频 | 好吊色青青青国产欧美日韩 | 女人一级一级毛片 | 国产精品久久久久久久久久直 | 在线看片 在线播放 | 亚洲精品国产成人专区 | 高清国产一区二区三区 | 午夜一级福利 | 欧美日韩亚洲色图 | 久久亚洲精品一区二区三区浴池 | a毛片| 欧美aaa性bbb毛片 | 欧美成熟videos老妇 | a在线观看免费网址大全 | 日韩福利视频在线 | 欧美成人一区二区三区在线电影 | 亚洲精品1区 | 国产理论自拍 | 91热视频在线 | 国产精久久一区二区三区 | 国产成人精品永久免费视频 |