如何通过 addClass() 函数动态更改类

Question

我一直在尝试编写一个函数，该函数可以获取值并将其添加到元素类中。 像这样：

var changeClass = function(newClass){ 
  $("div").removeClass().addClass(newClass);
};
changeClass(red);

任何帮助将不胜感激！

Answer 1

假设您正在尝试替换所有div的所有类......您几乎拥有它。

var changeClass = function(newClass){ 
  $("div").removeClass()
  $("div").addClass(newClass);
};
var red = "red" // I'm guessing this is what you want?
changeClass(red);

Answer 2

你可以像下面这样做：-

var changeClass = function(newClass){ 
  $("div").removeClass().addClass(newClass); // single line to remove class+add new class
};
$(document).ready(function(){
  changeClass("red"); // call function with string value
});

.green{
  background:green;
  color:white;
}
.red{
  background:red;
  color:white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="green">div1</div><br>
<div class="green">div2</div><br>
<div class="green">div3</div><br>
<div class="green">div4</div><br>
<div class="green">div5</div><br>