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

我有以下代码:

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

有没有一种简单的方法可以循环浏览每个引语，所以显示引语 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();
});

关于javascript - 使用 jQuery 一个接一个地切换 DOM 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10649650/