jquery remove multiple classes

Question

Possible Duplicate:
Removing multiple classes (jQuery)

how can we remove multiple classes from one id with in one click.

I tried like this which doesn't work properly

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick','invalid_tick');
}); 

Answer 1

You can remove multiple classes at once by separating the classes by spaces like so :

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
});

Answer 2

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
}); 

Separate the class names with a space in your single parameter of removeClass().

Answer 3

the removeClass function only takes one argument so use spaces to define multiple classes

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
}); 

Answer 4

Have you tried

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
});

Answer 5

The documentations writes it this way:

$("p:odd").removeClass("blue under");

Try:

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
}); 

Ref: http://api.jquery.com/removeClass/

Answer 6

I got solution, I though it is hard just removed comma it is working fine :)

$('.clearbtn_1').click(function(){
    $('.valid_div1').removeClass('valid_tick invalid_tick');
});