Javascript 我想使用jQuery永久隐藏一个元素（或某个时段）

我想在使用时永久删除DIV单击隐藏 我尝试过使用jqueryhide（），但是当他们重新加载web浏览器时，它会自动出现

以下是我的JavaScript代码： 这是我的HTML标记：

<div class="word-meaning-item">
     <h2 class="meaning-title"> <span> 101. </span> Always </h2>
     <p class="word-meaning-footer"> Hide </p>
</div>

101总是
隐藏

使用

localStorage

：

var ishiden=localStorage.getItem（“ishiden”）？localStorage.getItem（“ishidden”）：0；
if（parseInt（ishiden））{
jQuery（文档）.ready（函数（）{
jQuery（“.word-meaning-footer”）.parent（“.word-meaning-item”）.hide（）；
});
}
jQuery（文档）.ready（函数（）{
jQuery（“.word表示页脚”）。单击（函数（）{
jQuery（this）.parent（“.word-meansion-item”）.hide（）；
setItem（“ishidden”，1）；
});
});
您可能需要使用
localStorage
。注意：该示例不起作用，因为框架是沙盒的


jQuery（文档）.ready（函数（）{
jQuery（“.word表示页脚”）。单击（函数（）{
jQuery（“.word意为item”）.hide（）；
window.localStorage.setItem（'hidewordmeaningitem'，true）；
});
jQuery（“.word-means-footer2”）。单击（函数（）{
jQuery（“.word意为item”）.show（）；
window.localStorage.setItem（'hidewordmeaningitem'，false）；
});
var hidewordmeaningitem=window.localStorage.getItem（'hidewordmeaningitem'）；
if（hidewordmeaningitem==“true”）
{
jQuery（“.word意为item”）.hide（）；
}
});

101总是
隐藏

Show
您需要将状态写入本地存储之类的地方。在文档准备就绪时，加载所有状态并隐藏相应的项。单击后，写下该项目的状态。您的操作方式是正确的。因此，您丢失了一个存储用户输入的项目，因此您可以在页面再次重新加载时检索用户输入，并根据需要再次隐藏的内容检索用户输入。您可以尝试通过
localstorage
来实现这一点。当然，这就是网页的工作方式。浏览器获取HTML源代码并在此基础上构建页面实例，包括运行任何JS。所以：加载此页面的人将得到一个带有h2和p的div，当他们单击“隐藏”时，该页面实例的内容将被隐藏。如果用户重新加载，则从相同的源代码加载新的页面实例。如果您希望跨页面实例持久化，则必须输入更多的代码，包括localStorage或sessionStorage，以便存储和检索与特定页面URL关联的数据。感谢您的帮助。但我有很多元素，当我点击隐藏它时，它会隐藏所有元素。请查看以下链接：
<div class="word-meaning-item">
     <h2 class="meaning-title"> <span> 101. </span> Always </h2>
     <p class="word-meaning-footer"> Hide </p>
</div>