在每次點擊選擇下一個標籤

Question

正在jQuery noob我有一個問題，我不知道如何解決它:( 我有ul標籤和幾個裏面的標籤 我試圖完成這個：在第一點擊一個按鈕的選擇上秒點擊第一李標籤，選擇秒 L1標籤等等... 你可以看到，這是行不通的預期（它選擇第一和第二個標籤） 有人可以幫助我或指向正確的方向嗎？這是jsFiddle鏈接：http：//jsfiddle.net/aH8w2/謝謝!!!

​​

Answer 1

試試這個：

$("button").click(function(){  

    $('.red').removeClass('red').next('li').addClass('red'); 

}); 

Answer 2

的另一種方式，再次跳轉到列表的開頭，當達到結束的時候：

var $lis = $('ul > li'); 

$("button").click(function(){ 
    var $selected = $('.red').removeClass('red'); 
    ($selected.next().length > 0 ? $selected.next() : $lis.first()).addClass('red'); 
}); 

或者短一點：

($selected.next().get(0) || $lis[0]).className += 'red'; 

DEMO

Answer 3

試試這個：

$("button").click(function(){ 
var current = $('ul li.red'); 
current.first().next('li').addClass('red'); 
current.removeClass('red'); 
}); 

這假定您有至少具有一個li那就是「紅」。

Answer 4

DEMO

$("button").click(function(){  
    if($('.red').length > 0) { 
     $('.red').removeClass('red').next().addClass('red'); 
    } else { 
     $('li:first').addClass('red'); 
    } 
}); 

你也不需要在你的第一li的.first。 jQuery可以做li:first這將選擇第一個匹配的項目。

Answer 5

試試這個：

$(document).ready(function(){ 
    $("button").click(function(){  
     if($('.red').length == 0 || $('.red').next().length == 0){ 
      $('.red').removeClass('red'); 
      $('.first').addClass('red'); 
     }else{ 
      $('.red').removeClass('red').next().addClass('red'); 
     } 
    }); 

}); 

這需要在第一次點擊，以及隨後的每次點擊的照顧。即使到了最後，也要回到第一個。