使用基於Id的循環設置類

Question

我製作了一個具有滑動菜單的常規圖像滑塊。

如果滑塊上滑動＃3的菜單看起來像這樣：（這是與幻燈片ID菜單按鈕）

3 4 5 1 2 

當前幻燈片始終是第一，其次是下一張幻燈片和第一張幻燈片是在最後一張幻燈片之後。

所以如果幻燈片＃4是最新的菜單是這樣的：

4 5 1 2 3 

，現在我想一類設置到每個這些。因此，第一個按順序有「position1」和下一個「position2」等。

此函數在每次幻燈片更改時調用，currentSlide變量包含currentSlide id。

function setMenuColors(currentSlide) { 
    jQuery('#slider-menu'+currentSlide).removeClass().addClass('slider-menu-item position1'); 
} 

jQuery的東西，設置類當前幻燈片某種循環應當設置類在四張幻燈片，但我不能找出我應該怎麼做之後

。

任何人有任何想法？

編輯：爲菜單中的HTML看起來像這樣：

<ul id="slider-menu-content"> 
    <li id="slider-menu1" class="slider-menu-item position1">slide menu button 1</li> 
    <li id="slider-menu2" class="slider-menu-item position2">slide menu button 2</li> 
    <li id="slider-menu3" class="slider-menu-item position3">slide menu button 3</li> 
    <li id="slider-menu4" class="slider-menu-item position4">slide menu button 4</li> 
    <li id="slider-menu5" class="slider-menu-item position5">slide menu button 5</li> 
    <li id="slider-menu1" class="slider-menu-item position1">slide menu button 1</li> 
    <li id="slider-menu2" class="slider-menu-item position2">slide menu button 2</li> 
    <li id="slider-menu3" class="slider-menu-item position3">slide menu button 3</li> 
    <li id="slider-menu4" class="slider-menu-item position4">slide menu button 4</li> 
    <li id="slider-menu5" class="slider-menu-item position5">slide menu button 5</li> 
</ul> 

的雙峯是由jQuery的創建，這樣的菜單可以無縫循環。 元素的順序不變。

Answer 1

想象你有如下的結構：

<div id="container"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
</div> 

可以

$("#container").children("div").removeClass().addClass("slider-menu-item"); 
$("#container").children("div :first").addClass("first"); 

見例如： http://jsfiddle.net/VAMhu/