JQuery 依次显示和隐藏 p 元素

Question

我试图使用 JQuery 循环访问多个 p 元素来显示和隐藏它们，但我无法让它工作。我也尝试过 for 循环。当前显示和隐藏所有 p 元素，我想一个接一个地显示和隐藏它们。这是我的代码:

HTML

<p hidden="" class="tweet-1">"Lorem Ipsum"</p>
<p hidden="" class="tweet-2">"Lorem Ipsum"</p>
<p hidden="" class="tweet-3">"Lorem Ipsum"</p>

等等

JQuery

var i=0
    $("p").each(function() {

    $(".tweet-" + i).show().hide();
    i+=1

    });

Answer 1

这对我有用:

$("[class^=tweet-]").each(function(index){   
  $(this).delay(500*index).fadeIn();  
});

但我需要更改段落中的“隐藏”属性，CSS 不显示。

<p class="tweet-1" style="display:none">"Lorem Ipsum 1"</p>
<p class="tweet-2" style="display:none">"Lorem Ipsum 2"</p>
<p class="tweet-3" style="display:none">"Lorem Ipsum 3"</p>