Javascript 如何在本地存储中存储标记值以及如何从本地存储中提取?
我想将锚定标记的值存储在本地存储中,以单击的为准,并希望在jquery中加载时获取,然后我需要将该单击值的类添加为“active”,如何做到这一点 下面是HTML代码Javascript 如何在本地存储中存储标记值以及如何从本地存储中提取?,javascript,jquery,html,local-storage,Javascript,Jquery,Html,Local Storage,我想将锚定标记的值存储在本地存储中,以单击的为准,并希望在jquery中加载时获取,然后我需要将该单击值的类添加为“active”,如何做到这一点 下面是HTML代码 本地存储访问非常简单,只需使用即可 localStorage.setItem('key', value) 及 本地存储访问非常简单,只需使用即可 localStorage.setItem('key', value) 及 设置并获取本地存储上的值。对于活动类,请使用添加/删除类 $(document).on('click'
本地存储访问非常简单,只需使用即可
localStorage.setItem('key', value)
及
本地存储访问非常简单,只需使用即可
localStorage.setItem('key', value)
及
设置并获取本地存储上的值。对于活动类,请使用添加/删除类
$(document).on('click', 'a', function() {
$(this).prop('href')
localStorage.setItem('Url', $(this).prop('href'));
alert(localStorage.getItem('Url'));
$("a").each(function(index) {
if ($(this).prop('href') === localStorage.getItem('Url'))
$(this).addClass('newanchor');
else
$(this).removeClass('newanchor');
});
});
设置并获取本地存储上的值。对于活动类,请使用添加/删除类
$(document).on('click', 'a', function() {
$(this).prop('href')
localStorage.setItem('Url', $(this).prop('href'));
alert(localStorage.getItem('Url'));
$("a").each(function(index) {
if ($(this).prop('href') === localStorage.getItem('Url'))
$(this).addClass('newanchor');
else
$(this).removeClass('newanchor');
});
});
请尝试以下代码:
var localStorageIndex = "clickedLink";
$(function() {
$(".category_filter").click(function(e) {
if($(e.target).hasClass("active")){
return;
}
var clickedLink = getActiveLinkFromLocalStorage();
if(clickedLink !== e.target.href){
clickedLink = e.target.href;
$(e.target).addClass("active");
localStorage.setItem(localStorageIndex, clickedLink);
}
})
function getActiveLinkFromLocalStorage() {
return localStorage.getItem(localStorageIndex);
}
function initActiveLink(){
var clickedLink = getActiveLinkFromLocalStorage();
if(!clickedLink){
return;
}
$("a[href='" + clickedLink + "'].category_filter").addClass("active");
}
initActiveLink();
});
请尝试以下代码:
var localStorageIndex = "clickedLink";
$(function() {
$(".category_filter").click(function(e) {
if($(e.target).hasClass("active")){
return;
}
var clickedLink = getActiveLinkFromLocalStorage();
if(clickedLink !== e.target.href){
clickedLink = e.target.href;
$(e.target).addClass("active");
localStorage.setItem(localStorageIndex, clickedLink);
}
})
function getActiveLinkFromLocalStorage() {
return localStorage.getItem(localStorageIndex);
}
function initActiveLink(){
var clickedLink = getActiveLinkFromLocalStorage();
if(!clickedLink){
return;
}
$("a[href='" + clickedLink + "'].category_filter").addClass("active");
}
initActiveLink();
});
包括您迄今为止尝试过的内容,以便您希望代码记住您单击过的链接是否要使您单击的锚定标记处于活动状态???@不朽都德yes@teemu我已经包含了一个标记的值,请检查它,包括您迄今为止尝试过的内容,以便您希望代码记住您单击的链接您希望单击的链接是什么锚定标签处于活动状态???@不朽花花公子yes@teemu我已经包含了一个标记的值,请检查它是否正常工作,但当我再次单击它时,它应该隐藏活动类,并且当我返回时,意味着它应该从localstorage中清除。@Mohan请注意以后的所有要求。你说“当我回来时”是什么意思?它工作正常,但当我再次单击时,它应该隐藏活动类,当我回来时,它应该从本地存储中清除。@Mohan请注意以后的所有要求。你说“我什么时候回来”是什么意思?