av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

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

問(wèn)題描述

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

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

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

問(wèn)題解答

回答1:

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

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

用的時(shí)候直接取出這個(gè)值,然后解析,再取出col1、col2和col3的值,進(jìn)行比對(duì)

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

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

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 又黄又爽又刺激的视频 | 一区视频 | 国产成人99久久亚洲综合精品 | 午夜视频福利 | 日本高清网站 | 国产精品国产三级国产aⅴ浪潮 | 一级做a视频 | 亚洲午夜视频在线观看 | 国产成人免费观看 | 香蕉成人网 | 黄色大片在线免费观看 | 亚洲三级免费 | 欧美精品国产 | 国产中文字幕在线播放 | 久久成人免费视频 | 麻豆做爰免费观看 | 成人av一区| 日本黄色免费网站 | 亚洲一级精品 | 欧美97 | 中文字幕在线观看不卡 | 日日夜夜人人 | 欧美日韩一区在线 | 91免费福利视频 | 久久久久网站 | 三级a毛片 | 99热免费 | 欧美成人免费 | 色网站女女 | av手机在线免费观看 | 欧美激情一二三区 | 九九九热 | 黄色一级视频 | 亚洲性视频 | 综合网av | 天天射一射| 在线观看视频国产 | 亚洲国产精品成人无久久精品 | 人人爱av| 天天躁狠狠躁 | 天天综合天天做天天综合 |