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

.next()选择集合中每个元素后面的下一个元素.

如果集合具有n个元素,.next()则还将具有n个元素.

你可能想要.first().next()或.eq(1).