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

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

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

瀏覽:122日期: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ù)組。

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

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 国产亚洲精品网站 | 国产喷水女王在线播放 | 天干天干天啪啪夜爽爽色 | 亚洲在线视频免费观看 | 国产三级国产精品国产普男人 | 国产精品亚洲专区在线播放 | 亚州三级 | 一级毛片视频播放 | 大量愉拍情侣在线视频 | 日韩乱码中文字幕视频 | 日韩成人在线视频 | 亚洲三级黄色 | 国产偷国产偷亚洲高清午夜 | av中文字幕网免费观看 | 国产成人18黄网站免费网站 | 成人亚洲在线 | 一级在线免费视频 | 亚洲一区免费视频 | 国产日韩欧美网站 | 亚洲一区免费在线观看 | 宅男噜噜噜一区二区三区 | 国产精品久久久久久久网站 | 日本三级香港三级少妇 | 久色小说 | 久久伊人男人的天堂网站 | 九九九九在线精品免费视频 | 亚洲三级在线免费观看 | 亚洲精品不卡在线 | 二区视频在线 | 久国产精品视频 | 日本欧美一区二区三区视频 | 亚洲天堂美女 | 久草5| 自拍视频一区 | 亚洲一区二区天海翼 | 久久亚洲高清观看 | 色综合久久一本首久久 | 看真人一一级毛片 | 欧美成人免费一级人片 | 亚洲一区二区欧美 | 99小视频|