How to change a class's content using jQuery

Question

Here is the div element on my page:

How can I change a class's content?

So from existing which is: class="jcarousel-next jcarousel-next-horizontal"

to class="jcarousel-next jcarousel-next-horizontal jcarousel-next- disabled jcarousel-next-disabled-horizontal"

Do I need to completely remove it by using removeClass and then re-add?

Answer 1

The addClass function preserves existing classes.

Answer 2

no you can just use addClass. if you add a class that is already there jQuery wont add it again

$('#myelem').addClass('jcarousel-next-disabled jcarousel-next-disabled-horizontal');

Answer 3

Try this:

jQuery('#myobj').removeClass('class-to-remove').addClass('class-to-add');

EDIT: multiple classes at once:

jQuery('#myobj').removeClass('class1 class2').addClass('class3 class4');

Also you can toggle classes with toggleClass().

Brg.