jquery - 从 Javascript/JQuery 更改类

Question

我想在选择页面时更改页面中的菜单按钮。没问题:我写了(只是用一个例子):

在 CSS 中:

.idleColor{background:#0f0; ... }
.redColor {background:#f00;} 

在 HTML 中:

<input id='m3' type=button class=idleColor>
....
<script>  /* at page end */
  $(document).foundation();
  ....
  var activeButton = $("#m"+menuId); //assuming menuID=3
  activeButton.addClass("redColor");    
</script>

这应该将按钮背景颜色从空闲颜色替换为事件颜色...简单，但不起作用。

两件奇怪的事情:使用 Firebug，我看到在“className”和“classList”中都添加了类，但是新颜色没有出现(我不认为我应该重排按钮)。

另一件奇怪的事情是，如果我使用 $("#myID").classList.add("redColor") 我会收到一条错误消息:myID.classList is undefined (?)

环境:
基金会站点 6
JQuery: jquery-2.2.4

Answer 1

试试这个:

activeButton.removeClass('idleColor').addClass('redColor');