css - 按钮/DIV 切换

Question

我有一个按钮，我想在单击它时来回更改其标签。我找到了这个线程

你如何创建一个切换按钮？

这个例子

http://jsfiddle.net/LmULE/

这很好，但我试图弄清楚如何实际更改标签（例如，单击时从“向上”变为“向下”）。

将不胜感激任何帮助。

Answer 1

我改变了小提琴

更新小提琴

Answer 2

您可以使用.hasClass();

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

在您的代码中：http: //jsfiddle.net/Before/XNQce/2/

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/