如何删除 cookie 并设置元素再次显示？答案

【问题标题】：How to delete cookies and set elements to show again?如何删除 cookie 并设置元素再次显示？
【发布时间】：2015-08-28 17:08:06
【问题描述】：

我需要一个 jQuery 代码，而不是 JavaScript，它将删除 cookie 并设置元素再次显示。

这是我的代码：

HTML：

<div class="recoverit"><a href="javascript:;">Recover Cookies</a></div>

jQuery:

document.cookie = elementId+ "=true; path=/; expires=Th, 31 Dec 2099 11:00:00 GMT;" + date.toUTCString();

cookie 的存储效果很好，但现在我需要删除它们和“elementId”才能在相同的地方再次显示。

谢谢。

【问题讨论】：

jQuery 是 JavaScript
我知道，但我在 jQuery 中需要这个。
document.cookie 不是 jQuery。
stackoverflow.com/questions/1458724/…
尝试阅读 jquery cookie 上的文档？ github.com/carhartl/jquery-cookie#readme

标签： javascript jquery html cookies

【解决方案1】：

你可以试试这个：

function delete_cookie(elementId) {
    document.cookie = elementId + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
};

或者您可以按照其他人的建议使用 jquery。

更新完整示例：

<html>
<script>
function setCookie(elementId) {
    document.cookie = elementId + "=true; path=/; expires=Th, 31 Dec 2099 11:00:00 GMT;";
    document.getElementById(elementId).style.display = "none";
}

function deleteCookie(elementId) {
    document.cookie = elementId + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    document.getElementById(elementId).style.display = "block";
}
</script>
<body>
<a href="#" onclick="setCookie('el1');">hide element</a>

<a href="#" onclick="deleteCookie('el1');">restore element</a>

<br>
<div id="el1">one two three...</div>
</body>
</html>

【讨论】：

我不想使用任何插件。我会试试这个，但是如何设置元素再次显示而不刷新？
他要求一个 jquery 解决方案
document.getElementById(elementId).style.display='block' no jquery $('#elementId').show() jquery
@Ra3IDeN 但它也不需要插件。降级我的答案是不正确的，因为即使你有 jquery 也可以。
Jkike，您能详细说明一下吗？谢谢。