jQuery एक वर्ग एक सरणी

Question

मैं एक div वस्तु है

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

और कुछ बटन

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

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

कोड इस समारोह में क्या करना चाहिए उसे निकाल किसी भी सुझाव के लिए और मुझे उम्मीद है कि आपको प्रश्न पसंद है :)

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 या अधिक स्पेस से अलग वर्ग प्रत्येक मिलान किए गए तत्व की श्रेणी विशेषता से हटाए जाने के लिए।

तो, उन सभी कक्षाओं में शामिल हों जिन्हें आप एक स्पेस से अलग सूची में निकालना चाहते हैं।

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

या सरणी के बिना और() फ़ंक्शन शामिल हो सकते हैं। केवल

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

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