Creating a HTML element with attributes in jQuery, failing in ie7 and ie8

Question

I am generating a HTML element with an attribute via jQuery and then inserting it into the DOM. I am passing a class attribute into the element. See below:

jQuery('<li></li>', {  
    class: "myClass" 
});

I am receiving the following error in ie7 and ie8, on the line with class: "myCLass".

SCRIPT1028: Expected identifier, string or number

It works in ie9 and Firefox. Haven't tested any other browsers.

Is this method of generating an element with attributes not supported in ie7 and ie8? Or am I making a mistake in my script?

meder omuraliev · Accepted Answer · 2012-04-19 16:31:32Z

4

It is reserved. Use className or wrap it with quotes.

answered Apr 19, 2012 at 16:31

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Snuffleupagus Over a year ago

To be more specific, you can't use class as the key. You can, however, use "class" or rename it to className.

Dave Haigh Over a year ago

wrapping in quotes fixed the issue. Thank you.

Florian Margaine · Accepted Answer · 2012-04-19 16:36:17Z

0

Either use className, or use prop.

// jQuery way
$('<div></div>').prop('class', 'myClass')

// Vanilla js way
$('<div></div>')[0].className = 'myClass'

answered Apr 19, 2012 at 16:36

Florian Margaine

61.2k15 gold badges94 silver badges120 bronze badges

Collectives™ on Stack Overflow

Creating a HTML element with attributes in jQuery, failing in ie7 and ie8

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related