jqueryを使用して4秒ごとに投稿のクラスを使用してdivにクラスを追加するにはどうすればよいですか？

Question

jqueryを使用して4秒ごとに投稿のクラスを使用してdivにクラスを追加するにはどうすればよいですか？

<div class="34 post"> 
<img width="311" height="417" src="#" class="#" alt="newspapers" /> 
<h2><a href="#">Headline News Part 2</a></h2> 
<p>testing new content</p> 
</div> 

<div class="9 post"> 
<img width="311" height="417" src="#" class="#" alt="newspapers" /> 
<h2><a href="#">Headline News Part 2</a></h2> 
<p>testing new content</p> 
</div> 

<div class="6 post"> 
<img width="311" height="417" src="#" class="#" alt="newspapers" /> 
<h2><a href="#">Headline News Part 2</a></h2> 
<p>testing new content</p> 
</div> 

はので、私は最初は、その後4秒後に「表示」のクラスを持つようにしたい、私はそのいずれかにクラスを削除する2つ目に、それを追加したいです。その後さらに4秒後に2秒後にそれを削除し、3秒後に追加します。それが終わりになると、それは回り回る。

Answer 1

var $postDivs = $('div.post'), // assuming these won't change 
    i = -1, 
    CLASS_NAME = 'foo'; 

setInterval(function() { 
    $postDivs.eq(i).removeClass(CLASS_NAME); 
    i = (i+1) % $postDivs.length; 
    $postDivs.eq(i).addClass(CLASS_NAME); 
}, 4000); 

http://jsfiddle.net/mattball/k2sJy/

Answer 2

あなたはニュース項目の簡単な無限の回転を作成したい場合は、これを行うためにjQuery cycle pluginをしようとします。