如何通过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>