Jquery Ajax列表元素刷新,突出显示新项目?

时间:2010-04-28 08:50:08

标签: jquery ajax

我正在做的是刷新包含来自Twitter的大量推文的<ul>,是否可以以某种方式突出显示自刷新以来列表中的哪些项目是新的?

由于

3 个答案:

答案 0 :(得分:1)

是的,在代码刷新列表时,将其中的元素更改为默认的css类,当您添加新的css类时,请使用另一个不同的背景颜色的css类来突出显示它们。

答案 1 :(得分:0)

如果没有关于你如何获取推文的例子,很难说。

但是,如果您可以为每条推文获取某种ID,则可以将这些ID作为简单列表存储在变量中,例如: [183481, 134588, 8384](如果ID是整数)。当您稍后更新推文列表时,可以将您获得的ID与此列表中的ID进行比较。从那里它应该是非常直接的。

如果没有ID,您可以使用实际的推文消息(可能与推文的作者合并)作为ID。有很多方法可以做到这一点。

答案 2 :(得分:0)

jQuery.get('/your-latest-tweets.xml', function (xml) {
  var theUl = $('your-ul');

  theUl.children('li').removeClass('new');

  $(xml).find('tweet').each(function () {
    theUl.append('<li class="new">' + $(this).text() + '</li>');
  });
});

显然,它与您的方案没有直接关系,因为您没有发布任何代码。