我想从本地存储中删除一个项目

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();