Hi all. I am using jQuery and I want to replace the class on the DIV using jQuery.
I know that I can replace the class like this:
$('#div').removeClass('first').addClass('second');
But, I can use this only when I know the first class name. In my case, I do not know the first class name because it is dynamic.
You can use attr() to set the class, it will over write the previous class
$('#div').attr('class', 'second');
You can call removeClass without parameters
$('#div').removeClass().addClass('second');
attr("class", ...).
When you call removeClass with no parameters this will remove all classes
$("#div").removeClass().addClass('second');
Try this :
$("#div").removeAttr('class');
$('#div').attr('class','second');
First line will remove the calss attribute, second will add a class with name second
The toggleClass() method toggles between adding and removing one or more class names from the selected elements.
This method checks each element for the specified class names. The class names are added if missing, and removed if already set - This creates a toggle effect.
$("#div").toggleClass(second,function(index,first),TRUE)
Try this:
$('#div').removeAttr('class').attr('class', 'second');
