[英]How can I remove an element from local storage in javascript?
i have sidebar with collapsible menu and i have to remove the auto-collapsible option when the is page reload image is given below,for this i have used the local storage for storing the parent node id but when i click the same parent node then id from local storage should be removed but it don't so please help me out!我有带有可折叠菜单的侧边栏,当下面给出的是页面重新加载图像时,我必须删除自动折叠选项,为此我使用本地存储来存储父节点 ID,但是当我单击相同的父节点时,然后 id应该从本地存储中删除,但不是这样,请帮帮我!
javascript code is here:- javascript 代码在这里:-
<script>
$(document).ready(function () {
$('#sidebarmenu').on('shown.bs.collapse', function () {
let active = $('#sidebarmenu .show')
let arr = []
for (let i = 0; i < active.length; i++) {
let data = $(active[i]).attr('id')
arr.push('#' + data)
}
localStorage.setItem('activeCollapseGroup', JSON.stringify(arr))
})
let last = JSON.parse(localStorage.getItem('activeCollapseGroup'))
console.log("this data is inserted into " + last)
if (last !== null) {
$('#sidebarmenu .collapse').removeClass('show')
for (let i = 0; i < last.length; i++) {
// console.log($('#sidebarmenu a[href="' + last[i] + '"]'))
$('#sidebarmenu a[href="' + last[i] + '"]').on('click', function (key) {
let clickedNode = $('#sidebarmenu a[href="' + last[i] + '"]')[0]
let data = JSON.stringify(clickedNode.getAttribute('href'))
last = last.filter((item) => item === data)
localStorage.setItem('activeCollapseGroup', JSON.stringify(last))
})
}
for (let i = 0; i < last.length; i++) {
$(last[i]).addClass('show')
$('#sidebarmenu a[href="' + last[i] + '"]').attr('aria-expanded', true)
}
}
})
</script>
image is given below:-图片如下: -
localStorage.removeItem('stuff'); localStorage.removeItem('stuff');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.