javascript - 使用 each() 将 cookie 与元素 ID 匹配

Question

我有一堆 cookie 集，我想与页面上所有元素的 ID 进行匹配。本质上，在页面加载时遍历 dom 并检查该元素的 ID 值是否与 cookie 的值匹配并对该元素执行某些操作。

到目前为止，这是我的代码。

<div class="event" id="event_1">

</div>

<div class="event" id="event_100">

</div>

<div class="event" id="event_47">

</div>

假设已经设置了 cookie：

event_1, event_1, 30
event_100, event_100, 30 
event_47, event_47, 30

$('.event').each(function() {
    var id = $(this).attr('id');
    if (id == readCookie('event_'+id+'')) {
        $(this).hide();
    }

    console.log(id);
    //returns event_1,event_100,event_47
});

我想我快到了。我认为它与 var id 有关，它返回一个数组。如果我将它硬编码为 event_1 它可以工作。

我应该在这里做什么？谢谢

Answer 1

您正在收集的 id 已经有 event_ 部分但是您在尝试读取 cookie 时添加它（例如尝试读取 event_event_1 ），我认为应该是这个

if(id == readCookie(id)){
    $(this).hide();
}