jquery动态类

Question

我想使用jquery将基于预定义变量的类添加到特定的id元素。这是我到目前为止所尝试的但它不起作用。任何帮助都会受到影响。

这是我的HTML：

<div id="test">THIS TEXT SHOULD BE RED</div>

这是我的JQUERY

$(document).ready(function(){
  var color = "red";
  $("#test").addClass(color);
};

这是我的CSS

.red {
  color:red;
}

View it on codepen

Answer 1

It works just fine when you fix the document.ready call.

$(document).ready(function () {
    ..code..
}); //you forgot your closing paren here

Answer 2

将其更改为

$(document).ready(function(){
  var color = "red";
  $("#test").addClass(color);
});​

您错过了文档")"末尾的ready。