使用jQuery一个接一个地切换DOM元素

Question

我有以下代码:

<div id="quotes">
    <p>"Quote 1."</p>
    <p>"Quote2!"</p>
    <p>"Quote3"</p>
    <p>"Etc"</p>
</div>

有没有一种简单的方法来循环每个报价,所以显示报价1然后淡出显示quote2!等或我需要使用插件吗？

Answer 1

$('#quotes p').each(function(index){
    $(this).delay(index * 1000).fadeIn().fadeOut();
});

或类似的东西:

$('#quotes p').hide().each(function(index){
    $(this).delay(index * 1600).fadeIn().delay(750).fadeOut();
});?

现场演示