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

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

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

瀏覽:92日期: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
相關文章:
主站蜘蛛池模板: 精品午夜寂寞影院在线观看 | 黄色国产免费观看 | 妞干网免费在线观看 | 国产成人v片视频在线观看 国产成人v视频在线观看 | 青草青青产国视频在线 | 国产成人精品免费午夜 | 一级二级三级毛片 | 国产视频首页 | zljzlj日本妈妈 | 国产欧美日韩精品高清二区综合区 | 久草视频福利在线 | 一级待一黄aaa大片在线还看 | 色一情一乱一伦一区二区三区 | 在线国产毛片 | 久久99精品久久久久久综合 | 精品一区二区久久久久久久网精 | 最新亚洲精品国自产在线观看 | 色婷婷综合久久久久中文 | 婷婷播放器| 69成人做爰视频在线观看 | 黄色片网站免费观看 | 久久夏同学国产免费观看 | 日本一区二区免费在线观看 | 日本 亚洲 欧美 | 麻豆果冻国产91在线极品 | 日韩亚洲欧洲在线rrrr片 | 精品一久久香蕉国产线看观看下 | 黄色片一级免费 | 欧美日韩aa一级视频 | 日产一区二区三区精品视频 | 天天色综合图片 | 亚洲第一页在线 | 国产美女无遮挡免费视频网站 | 国产人成午夜免费噼啪视频 | 台湾成人性视频免费播放 | 污污小视频在线观看 | 久久精品综合视频 | 国产日本三级 | 色综合久久久久 | 秀人网福利视频在线观看 | 99热在线获取最新地址 |