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

【问题标题】：i want to delete an item from local storage我想从本地存储中删除一个项目
【发布时间】：2019-07-01 16:38:55
【问题描述】：

其实我只是想抓取 li 元素里面的文字

这里是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 分别

【问题讨论】：

标签： javascript local-storage

【解决方案1】：

要从本地存储中删除任何内容，请将您的密钥添加到下一个代码中。

localStorage.removeItem('keyName');

或

delete window.localStorage["keyName"]

【讨论】：

【解决方案2】：

你可以使用：

localStorage.removeItem(tasks);

或者

localStorage.clear();

【讨论】：

【解决方案3】：

您可能正在寻找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>

【讨论】：