如何删除cookie并设置要再次显示的元素?

时间:2015-08-27 14:47:45

标签: javascript jquery html cookies

我需要一个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很有效,但现在我需要删除它们和&#34; elementId&#34;再次在同一个地方展示。

感谢。

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

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>