jQuery - rimuovere una classe che è in una matrice

Question

Ho un oggetto div

<div class="class1 classA classB class2"> content </div> 

e alcuni pulsanti

<button id="numbers">clickme N </button> 

<button id="alphas">clickme A </button> 

Il codice dovrebbe fare questa funzione:

<script> 
    var classesN = [class1, class2, class3]; 
    var classesAlpha = [classA, classB, classC]; 

    $('#alphas').click(function() { 
     $('div').removeClass(all classes that are in the classesAlpha array); 
    }); 
    $('#numbers').click(function() { 
     $('div').removeClass(all classes that are in the classesN array); 
    }) 
</script> 

Grazie per qualsiasi suggerimento e spero che vi piaccia la domanda :)

Answer 1

var classesN = ["class1", "class2", "class3"]; 
var classesAlpha = ["classA", "classB", "classC"]; 

$('#alphas').click(function() { 
    var $div = $('div'); 
    $.each(classesAlpha, function(i, v){ 
     $div.removeClass(v); 
    }); 
}); 

DEMO

Answer 2

.removeClass([className]): classNameOne o più classi separate dallo spazio da rimuovere dall'attributo di classe di ciascun elemento corrispondente.

Quindi, unire tutte le classi che si desidera rimuovere in una lista separata dallo spazio.

var classesN = [class1, class2, class3]; 
var classesAlpha = [classA, classB, classC]; 

$('#alphas').click(function() { 
    $('div').removeClass(classesAlpha.join(' ')); 
}); 
$('#numbers').click(function() { 
    $('div').removeClass(classesN.join(' ')); 
}); 

Answer 3

Oppure può senza matrice e unirsi funzione(). solo bisogno di assegnare classi alla variabile

var classesN = "class1 class2 class3"; 
var classesAlpha = "classA classB classC"; 

$('#alphas').click(function() { 
    $('div').removeClass(classesAlpha); 
}); 
$('#numbers').click(function() { 
    $('div').removeClass(classesN); 
});