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

Question

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

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

Answer 2

您是否尝试过$（“＃id1”）。addClass（“ classname”）和$（“＃id1”）。removeClass（“ classname”）？

Answer 3

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.