![](/img/trans.png)
[英]How can I remove an element from local storage and html by accessing its id
[英]How can I remove an element from local storage in javascript?
我有帶有可折疊菜單的側邊欄,當下面給出的是頁面重新加載圖像時,我必須刪除自動折疊選項,為此我使用本地存儲來存儲父節點 ID,但是當我單擊相同的父節點時,然后 id應該從本地存儲中刪除,但不是這樣,請幫幫我!
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>
圖片如下: -
localStorage.removeItem('stuff');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.