addClass（）関数でクラスを動的に変更するにはどうすればよいですか？

Question

私は値をとり、それを要素クラスに追加できる関数を記述しようとしていました。このようなもの：

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

changeClass(red); 

本当にありがとうございました！

Answer 1

あなたは以下のようにそれを行うことができます - それは変数であるかのようにあなたが `red`を使用している

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);