使用Jquery获取偶/奇、偶/奇、偶/奇对

使用Jquery获取偶/奇、偶/奇、偶/奇对,jquery,Jquery,我试图根据标记的类名,获取几对标记的偶数对、奇数对。我正在尝试使用的代码示例如下: CSS body p{ display: none; } HTML:(我的解决方案不能具有id属性,它们必须是相同的类名) 随机句子一 随机第二句 随机第三句 随机第四句 随机第五句 随机第六句 随机第七句 JQUERY $( document ).ready(function() { // getting several <p> tags with the same class name

我试图根据
标记的类名,获取几对
标记的偶数对、奇数对。我正在尝试使用的代码示例如下:

CSS

body p{
 display: none;
}
HTML:(我的解决方案不能具有id属性,它们必须是相同的类名)

随机句子一

随机第二句

随机第三句

随机第四句

随机第五句

随机第六句

随机第七句

JQUERY

$( document ).ready(function() {

 // getting several <p> tags with the same class name
 $(".storyline").each(function(index) {

   //Need to grab,  even/odd  even/odd  even/odd,  to be faded in until either, none left, or fade in last individual item
   $(this).delay(1000*index).fadeIn('slow').delay(3000);
});
});
$(文档).ready(函数(){
//获取具有相同类名的多个标记
$(“.storyline”).each(函数(索引){
//需要抓取,偶数/奇偶/奇偶/奇数,以淡入,直到其中一个,无剩余,或淡入最后一个单独的项目
$(this).delay(1000*index).fadeIn('slow').delay(3000);
});
});
目前我只能单独加载每个
标记。我正在寻找加载对,例如索引点,
[0][1][2][3][4][5]
。。。依此类推,直到没有剩下任何东西或需要单独加载的独立项目


如果有人能帮上忙,我们将不胜感激

在这里找到了一些有用的东西

将代码更改为满足我的需要:

$(document).ready(function(){
  var p; 
  p=true; 
  $('p.storyline:even').each(function(index){
    var t=$(this);
    var paired = t.add( $('p.storyline:eq('+(t.index()+1)+')', t.parent()) );
  //call function
    if (p){p=true;paired.delay(3000*index).fadeIn('slow').delay(2000).fadeOut('slow').addClass('greenc');}
    else  {p=false; paired.delay(3000*index).fadeIn('slow').delay(2000).fadeOut('slow').addClass('redc');}
  });
});

如果您可以包含一些HTML代码,这样我们就可以有一个代码不起作用的示例,您就可以有代码在答案中起作用的示例,这将是非常好的。您可以使用提供一个(非)工作示例。我更新了问题,以包括html的外观。
$(document).ready(function(){
  var p; 
  p=true; 
  $('p.storyline:even').each(function(index){
    var t=$(this);
    var paired = t.add( $('p.storyline:eq('+(t.index()+1)+')', t.parent()) );
  //call function
    if (p){p=true;paired.delay(3000*index).fadeIn('slow').delay(2000).fadeOut('slow').addClass('greenc');}
    else  {p=false; paired.delay(3000*index).fadeIn('slow').delay(2000).fadeOut('slow').addClass('redc');}
  });
});