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

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

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

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

那么，我该怎么做呢？

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

Answer 1

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

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

（参见jQuery：选择属性大于值的所有元素 ）

您可以使用以下命令轻松读取/写入cookie： https ： //github.com/carhartl/jquery-cookie/