最简单的方法是检查.next()是否存在，如果不存在，则“选择”第一个。

var $next = $('.section.selected').removeClass('selected').next('.section');
if ($next.length) {
    $next.addClass('selected'); 
}
else {
    $(".section:first").addClass('selected');
}

http://jsfiddle.net/KK66g/3/

我不确定我是否应该声称这在每种情况下都有效，但我一直想知道是否有可能进展到第一次对最后一次无效。这是我计算出来的

$('#button').click(function(){
    $('.selected + .section, .section:eq(0)')
        .last().addClass('selected')
        .siblings('.selected').removeClass('selected');
});

http://jsfiddle.net/userdude/9UFD2/
首先选择.selected之后的.section：

.selected + .section

我还添加了一个辅助选择器，以确保至少获得一个匹配：

, .section:eq(0)

在这个相对简单的例子中，上面表示第一个$('.section')[0]。然后我在复合选择的结果上使用.last()，得到结果[1]（对于有效的.next()匹配），或者[0]（对于第一个匹配）（参见，如果列表中只有一个结果，.last()将给予 first 和 last）。
虽然选择器的顺序似乎与使用.last()相反，但这似乎可以代替.first()，我不一定理解为什么会这样。这是whichever order the selectors are in，所以我按照它们在选择中的意义来排序。
然后，剩下的就简单了。添加一个类到选择器返回的.last()，然后找到.siblings()到（新）选择的.section和.selected（唯一的另一个将是我们选择的那个），并删除它的.selected类。
似乎起作用了。我想我想听听关于这是否可靠的任何评论。

我做了一个像这样的简单代码

var i=0;
$('#button').click(function(){
    i++;
    if(i == $('.section').length) {$('.section.selected').removeClass('selected');$($('.section')[0]).addClass('selected');i=0;}
    else{$('.section.selected').removeClass('selected').next('.section').addClass('selected');}
});

CoffeeScript

我的简单CoffeeScript解决方案，我想我会分享给那些使用它：

$currently_selected = $('.section.selected')

# Loop back to first sibling if on the last one. 
if $currently_selected.next().length is 0 
  $next_selected = $currently_selected.siblings().first()

else 
  $next_selected = $currently_selected.next()

$currently_selected.removeClass('selected')
$next_selected.addClass('selected')

• 注意：如果有兄弟节点不想包含在循环中，请确保将适当的selector传递给next()和siblings()。*