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

时间:2012-07-01 04:21:07

标签: jquery cookies

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

我不想为此使用php和mySQL,因为: - 我不想将每个用户最后一次访问信息存储在数据库中 - 我希望这也适用于非注册/非注册用户 - 主要内容是缓存的,因此我无法向不同的用户输出不同的内容。

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

那么,我该怎么做呢?

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

1 个答案:

答案 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/