使用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');}
});
});