读取多个cookie

Question

我想知道如何检测多个 cookie。我有两个按钮 class- .attack_enabled 和 .restore_enabled，它们分别创建名为 attackcompletecookie 和 restorecompletecookie 的 cookie。

如何检测这两个 cookie 并将 class 添加到 .territory_middle_complete

这是我的代码：

$(".attack_enabled").click(function(){

   createCookie('attackcompletecookie','attack_cookie');

});

$(".restore_enabled").click(function(){

   createCookie('attackcompletecookie','restore_cookie');
   var atkcomplete = readCookie('attackcompletecookie');

});

if(atkcomplete){
   console.log(atkcomplete);
   $(".territory_middle_complete").addClass("displayblockzindex2");
}

Answer 1

尝试使用 id 而不是 class 在 jQuery 中引用，将 class 保留为 CSS。

在这里查看http://jsfiddle.net/hbzqnrm8/5/

希望对你有所帮助

<button id="attack_enabled">ATTACK</button>
<button id="restore_enabled">RESTORE</button>

<div class="territory_middle_complete">ADD A CLASS HERE</div>

我已经编辑了您的 jQuery 代码，并添加了我认为您想要实现的内容。当然，如果你想在点击 "restore" 按钮时检查 cookie 是否存在，如果不存在，只需将 if 条件移动到你需要的任何地方，但不要在点击功能之外，因为它只会在加载时执行文件。

$("#attack_enabled").click(function(){
   createCookie('attackcompletecookie','attack_cookie');
});

$("#restore_enabled").click(function(){
   createCookie('restorecompletecookie','restore_cookie');
   var atkcomplete = readCookie('attackcompletecookie');
   if(atkcomplete)
   {
       alert(atkcomplete);
       $(".territory_middle_complete").addClass("displayblockzindex2");
    }
});

function createCookie(cookieName, cookieId) {
    document.cookie = cookieName + '=' + cookieId;
}

function readCookie(name) {
    var nameEQ = encodeURIComponent(name) + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
    }
    return null;
}

读取多个cookie

Reading multiple cookie

jquery

html

cookies