Javascript 使用jQuery逐个切换DOM元素

我有以下代码：

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

“引用1。”

“引用2！”

“引用E3”

“等等”

是否有一种简单的方法可以循环浏览每个报价，以便显示报价1，然后淡出显示报价2！等等，还是我需要使用插件

$('#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();
});​

保持Q2、Q3等的可见性为“隐藏”

延迟显示第一个报价的时间，然后在回调时，可以切换第一个和第二个报价的可见性。在流的回调中重复延迟和回调

---

另一个选择是使用插件。jQuery cycle插件非常棒，安装起来非常简单：

它变成了一行：

$（“#引号”）.cycle（）

演示：

循环插件：

---

参考（控制时间间隔、动画类型等）：

这将不起作用，不仅仅是因为您没有终止选择器字符串。我编辑了一点演示，希望你喜欢。显然，解决方案很简单，没有插件，gdoron的很好，但如果这是一个要求，不会重复。我确实为您添加了一个插件，它可能稍微简单一些，并且有您可以设置的选项。我确实投票支持格多龙的，因为它很简单。

 $('#quotes').find('p').hide();   

 $('#quotes').find('p').each(function(i){
        $(this).prev().fadeOut('slow');
        $(this).fadeIn('slow');
    });