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();
}