我在网站上有几个div。我想在上次访问后突出显示新项目。
我不想为此使用php和mySQL,因为: - 我不想将每个用户最后一次访问信息存储在数据库中 - 我希望这也适用于非注册/非注册用户 - 主要内容是缓存的,因此我无法向不同的用户输出不同的内容。
我认为这给我留下了一个解决方案:cookies + javascript: - 检查cookie是否存在 - 如果是则突出显示新项目(示例将一个类添加到div) - 更新cookie
那么,我该怎么做呢?
div目前正在使用相同的类,并且它们没有id,所以如果需要,我可以在那里放置div的日期或项目的主ID。
答案 0 :(得分:1)
您可以为div添加data-timestamp="[current_timestamp]"
属性。然后将上次访问的时间戳存储在cookie中,并添加类似这样的类
$('.divClass').filter(function() {
return $(this).attr("data-timestamp") > "[last_visit_timestamp]";
}).addClass('highlight');
(见jQuery: Selecting all elements where attribute is greater than a value)
您可以使用以下方式轻松读取/写入Cookie: https://github.com/carhartl/jquery-cookie/