更改同一div類

Question

這是我的代碼：

<div class='silderitem'> 
Some Content 
</div> 

<div class='silderitem'> 
Another Some Content 
</div> 

<div class='silderitem'> 
Again Another Some Content 
</div> 

<a class="next">next</a> 

我想改變，當我點擊「下一步」使用jQuery下一堂課。我試過這個，但它不起作用。

<script> 
$(document).ready(function(){ 
    var Slideshow=$('.slideritem'); 
    $(".next").click(function(){slideshow.next();return false}); 
</script> 

有誰能告訴我解決方案嗎？

Answer 1

如果您通過項目要循環，隱藏未選定的那些，這樣的事情可能工作：jsfiddle

CSS：

.silderitem { display: none } 
.next { cursor: pointer }​ 

的jQuery：

$('.selected').show(); 

$(".next").click(function(){ 
    var selected = $('.selected'); 
    selected.removeClass('selected'); 
    selected.hide(); 

    var next = selected.next(".silderitem"); 
    if(next.length === 0) { 
     next = $(".silderitem").first(); 
    } 
    next.addClass('selected'); 
    next.show(); 
});​ 

HTML：

<div class='silderitem selected'> 
Some Content 
</div> 

<div class='silderitem'> 
Another Some Content 
</div> 

<div class='silderitem'> 
Again Another Some Content 
</div> 

<a class="next">next</a>