按鈕/ DIV切換

Question

我有一個按鈕，我想在點擊它時來回切換標籤。我發現這個線程

How do you create a toggle button?

和這個例子

http://jsfiddle.net/LmULE/

這是偉大的，但我試圖找出如何真正改變標籤（比如，從「上」到點擊時「下」）。

希望得到任何幫助。

Answer 1

您可以通過使用.hasClass();

if ($(this).hasClass("down")) 
{ 
    $(this).html("Down!"); 
} 
else 
{ 
    $(this).html("Up!"); 
} 

在你的代碼檢查類： http://jsfiddle.net/Before/XNQce/2/

Answer 2

我已經chaned小提琴

Updated Fiddle

Answer 3

這很簡單。

$(document).ready(function(){ 
var i=0; 
$('a#button').click(function(){ 
    $(this).toggleClass("down"); 
    if(i%2==0)$(this).html('divide by 2'); 
    else $(this).html('not divide by 2'); 
    i++;    
}); 
});​ 

使用變量，你可以檢查你的按鈕是什麼狀態。上面的代碼只是這種類型的狀態管理的原油。

檢查這個http://jsfiddle.net/LmULE/100/