我想從本地存儲中刪除一個項目

Question

實際上我只想抓取 li elemets 中的文本

這是html

    <ul id="list">
    <li class="list-item">dfsdf<button class="del-btn">delete</button></li>
    <li class="list-item">dfsd<button class="del-btn">delete</button></li>
     </ul>

因此，當我單擊第一個刪除按鈕時，我想將 'dfsdf' 作為字符串抓取，而當我單擊第二個刪除按鈕時，我希望該值為 'dfsd' 作為字符串

由於帶有文本刪除的按鈕，當我單擊第一個和第二個按鈕時，e.target.parentElement.textContent 分別給出 dfsdfdelete 和 dfsddelete，我想要 e.target.parentElement.textContent = dfsdf 和 e.target.parentElement.textContent = dfsd 分別

Answer 1

要從 localstorage 中刪除任何內容，請將您的密鑰添加到下一個代碼中。

localStorage.removeItem('keyName');

或者

delete window.localStorage["keyName"]

Answer 2

您可能正在尋找Text.prototype.wholeText和HTMLElement.prototype.closest ：

 for (const delBtn of document.querySelectorAll('.del-btn')) { delBtn.addEventListener('click', function() { const liText = this.closest('li').childNodes[0].wholeText; // alternative: // const liText = this.previousSibling.textContent; // or // const liText = this.parentElement.childNodes[0].wholeText; // but those ones rely even more strictly on your current DOM structure console.log(liText); }) }

 <ul id="list"> <li class="list-item">dfsdf<button class="del-btn">delete</button></li> <li class="list-item">dfsd<button class="del-btn">delete</button></li> </ul>

Answer 3

您可以使用 ：

localStorage.removeItem(tasks);

或者

localStorage.clear();