如何通過addClass（）函數動態更改類？

Question

我一直在試圖編寫一個函數，它可以取值並將其添加到元素類。類似這樣的：

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

changeClass(red); 

任何幫助將非常感激！

Answer 1

你可以像下面： -

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>

Answer 2

假設你試圖替換所有div的所有類......你幾乎已經擁有它了。

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

var red = "red" // I'm guessing this is what you want? 
changeClass(red);