how to add multiple css classes to a html element usin javascript

Question

I want to add multiple classes to an html element

I know the following code is possible.

$("ul#List").find("li.template")
            .removeClass("template")
            .addClass("entry")

But i want to know if the following code is also possible.?

$("ul#List").find("li.template")
            .removeClass("template")
            .addClass("entry1")
                    .addClass("entry2")

Yes, that code will work. Although, as other have pointed out, you can do it with a single call to addClass, separating the classes by a space — Sam Dufel
– Sam Dufel, Commented Jul 16, 2011 at 16:34

Eric Fortis · Accepted Answer · 2011-07-16 16:38:25Z

3

$("ul#List").find("li.template")
            .removeClass("template")
            .addClass("entry1 entry2")

Edit: Take a look http://jsfiddle.net/nHs9W/

Both of the below snippets work

.addClass("entry1 entry2");

.addClass("entry1").addClass("entry2");

answered Jul 16, 2011 at 16:33

Eric Fortis

17.5k6 gold badges43 silver badges63 bronze badges

J. Ed · Accepted Answer · 2011-07-16 16:33:27Z

2

you can add multiple classes separated by a space:

.addClass("entry1 entry2")

answered Jul 16, 2011 at 16:33

J. Ed

6,7624 gold badges41 silver badges56 bronze badges

Bojangles · Accepted Answer · 2011-07-16 16:36:23Z

0

-1 for not reading the manual!

But anyway, from that page,

.addClass( className )
className: One or more class names to be added to the class attribute of each matched element.

The most important part being one or more

answered Jul 16, 2011 at 16:36

Bojangles

102k50 gold badges175 silver badges209 bronze badges

3 Answers 3