JQuery .next（）函数获取所有下一个元素不是一个

Question

我已经构建了一个JQuery CSS3图像库。问题是下面的代码中的下一个函数不是工作问题。

function gallery() { 

     var islide = $('.cornerimg:visible'); 
     $(islide).removeClass('cornerimgfocus'); 
     $(islide).next().addClass('cornerimgfocus'); 
     setTimeout(function() { 
      gallery() 
     },4000); 
} 
$(window).load(function() { 
    $('.cornerimg').first().addClass('cornerimgfocus'); 
    setTimeout(function() { 
      gallery() 
     },4000); 
}); 

下一个功能是对所有下一个元素进行操作，而不仅仅是对下一个元素进行操作。其结果是，所有跟随第一个与类.cornerimg相关的元素都变得可见了。

HTML

<div class="imageitem">  
    <div class="cornerimg" style="background-image:url(http://www.golfbrowser.com/wp-content/uploads/2011/05/DSC00764s-968x400.jpg);"></div> 
    <div class="cornerimg" style="background-image:url(http://www.golfbrowser.com/wp-content/uploads/2011/05/DSC00762s-968x400.jpg);"></div> 
    <div class="cornerimg" style="background-image:url(http://www.golfbrowser.com/wp-content/uploads/2011/05/DSC00759s-968x400.jpg);"></div> 
</div> 

任何想法？

非凡

Answer 1

你为什么不与选择.cornerimgfocus。就我看到的代码而言，这是应该/可见的幻灯片。 :visible选择器似乎选择所有div。

function gallery() { 

     var islide = $('.cornerimgfocus'); 
     islide.removeClass('cornerimgfocus'); 
     islide.next().addClass('cornerimgfocus'); 
     setTimeout(function() { 
      gallery() 
     },4000); 
} 

Answer 2

.next()选择每个元件组中的之后的下一个元素。

如果set ñ元素，.next()也会有ñ元素。您可能需要.first().next()或.eq(1)。

Answer 3

您需要使用的图像索引，因为我在回答说，你的其他问题

JQuery each function pause between non functional

Answer 4

答案是在文档中：“让紧随其后的每个元素的兄弟在一套匹配元素“。 jquery next()

您的初始选择器正在返回每个cornerimg div，所以next会返回其中每个元素的下一个元素。

尝试这样做是为了拿到第一个要素，继续你的代码的其余部分像以前一样（但删除$（）周围的I幻灯片式表示SLaks）：

var islide = $('.cornerimg:visible').eq(0); // or .first() 

Answer 5

从API documentation：Get the immediately following sibling of each element in the set of matched elements.所以它只有紧随其后的元素（相对于nextAll）。问题是$(islide)包含很多相邻元素，因此$(islide).next()将包含紧接其中一个元素（即$(islide)除第一个元素外加$(islide)最后一个元素之后的元素）的所有元素。根据您的需要，您可以尝试类似$(islide).last()或$(islide).next(':not(.cornerimg)')。

Answer 6

我觉得这是你想要

function gallery(elem) { 

    $(elem).removeClass('cornerimgfocus'); 
    $(elem).next().addClass('cornerimgfocus'); 
    setTimeout(function() { 
     if($(elem).next().length!=0) 
     gallery($(elem).next().first()); 
    },4000); 
} 
$(window).load(function() { 
$('.cornerimg').first().addClass('cornerimgfocus'); 
setTimeout(function() { 
     gallery($('.cornerimg:visible').first()) 
    },4000); 
});