jquery - 自上次访问 jquery 以来，如何突出显示网站上的新项目？

Question

我在网站上有几个 div。我想突出显示自上次访问以来的新项目。

我不想为此使用 php 和 mySQL，因为： - 我不想将每个用户的上次访问信息存储在数据库中 - 我希望这也适用于未注册/未登录的用户 - 主要内容被缓存，所以我不能向不同的用户输出不同的内容。

我认为这给我留下了一个解决方案：cookies + javascript： - 检查 cookie 是否存在 - 如果是，突出显示新项目（例如向 div 添加一个类） - 更新 cookie

那么，我该怎么做呢？

div 当前使用相同的类，并且它们没有 id，因此如果需要，我可以将 div 的日期或项目的主要 ID 放在那里。

score 1 · Accepted Answer

您可以将data-timestamp="[current_timestamp]"属性添加到您的 div。然后将上次访问的时间戳存储在cookie中并添加这样的类

$('.divClass').filter(function() {
  return $(this).attr("data-timestamp") > "[last_visit_timestamp]";
}).addClass('highlight');

您可以通过以下方式轻松读取/写入 cookie： https ://github.com/carhartl/jquery-cookie/

1 回答 1