简体   繁体   中英

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!

javascript code is here:-

  <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:-

enter image description here

enter image description here

localStorage.removeItem('stuff');

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM