将类添加到列表项但随时间变化

时间:2015-03-26 15:58:33

标签: jquery

我有推文列表作为列表项。

<ul>
  <li><a href="#">Tweet 1</a></li>
  <li><a href="#">Tweet 2</a></li>
  <li><a href="#">Tweet 3</a></li>
</ul>

我需要获得第一条推文,然后在5秒后显示更改。

我不确定你叫什么,现在已经在网上搜索超过4个小时了。它不是一个feed,因为我已经有推文列表,但我不知道该用什么来获得我想要的效果。

请你能指出这是什么,所以我最终可以研究正确的事情。

1 个答案:

答案 0 :(得分:1)

ul元素创建一个ID,以便您轻松找到它:

<ul id="tweetList">
<li><a href="#">Tweet 1</a></li>
<li><a href="#">Tweet 2</a></li>
<li><a href="#">Tweet 3</a></li>
</ul>

然后,你可以这样做:

var firstTweet = $('#tweetList li:first()');
firstTweet.addClass('tempClass'); //add the class
setTimeout(function(){
    //after 5k ms, remove it.
    firstTweet.removeClass('tempclass');
}, 5000);