按钮/DIV 切换

【问题标题】：Button/DIV toggle按钮/DIV 切换
【发布时间】：2012-04-19 05:46:44
【问题描述】：

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

How do you create a toggle button?

还有这个例子

http://jsfiddle.net/LmULE/

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

不胜感激。

【问题讨论】：

标签： css html

【解决方案1】：

我已经换了小提琴

Updated Fiddle

【讨论】：

【解决方案2】：

这很简单。

$(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/

【讨论】：

【解决方案3】：

您可以使用.hasClass();查看课程

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

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

【讨论】：