How do I add/remove a class in a <div> when it already has classes

Question

Hi,

How do I add/remove a class from a div when it already has one or more classes?

<div class="class1 class2" id="id1">some text</div>



$("#id1").toggleClass("class3"); // doesn't work


$("#id1").toggleClass(" class3"); // doesn't work

Do I have to parse the string?

Answer 1

I believe you can iterate through the classes.

Here's a discussion about in on the JQuery google groups.

EDIT: Found a SO question related to this also.

Answer 2

Your code should definitely work. In fact, the toggleClass example uses multiple class names!

Answer 3

Have you tried $("#id1").addClass("classname") and $("#id1").removeClass("classname")?