Using jQuery to add an image tag - How do I include a class name?

Question

I'm attempting to add an img tag via the following jQuery:

var parentElement = $("#sidebar");

    var img1 = $('<img />', { 
        id: 'headerImageLeft',
        src: '/Images/Header/FGM.jpg',
        class: 'img-responsive',
        style: 'float: left;',
        width: 80,
        alt: ''
    });
    img1.appendTo(parentElement);

While this seems to work correctly, I'm not certain this is the proper way to add a class. In Visual Studio 2013, I'm getting a design time warning saying I'm using a future reserved word, Is this the correct way to add a class?

j08691 · Accepted Answer · 2015-11-09 22:16:29Z

4

According to the jQuery docs, because class is a reserved word, it needs to be quoted.

Property names generally do not need to be quoted unless they are reserved words (as class is in this case).

So:

var img1 = $('<img />', { 
    id: 'headerImageLeft',
    src: '/Images/Header/FGM.jpg',
    "class": 'img-responsive',
    style: 'float: left;',
    width: 80,
    alt: ''
});

answered Nov 9, 2015 at 22:16

j08691

208k33 gold badges269 silver badges281 bronze badges

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

Comments

Ram · Accepted Answer · 2015-11-09 22:25:50Z

2

Yes, class was a reserved word in previous versions of ECMAScript standard but you could/can use the word as an IdentifierName (vs Identifiers, e.g. a variable), i.e. using "class" without quotes as a property name will work in all browsers that support version 5 of the ECMAScript. If supporting stone-aged browsers (e.g. IE8) matters you can wrap the property name with quotes otherwise you can ignore the warning.

edited Nov 9, 2015 at 22:25

answered Nov 9, 2015 at 22:17

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Rick Hitchcock · Accepted Answer · 2015-11-09 22:34:56Z

2

Since class is an object key, it shouldn't matter that its a reserved word. You could place it within quotes to remove the Visual Studio's warning.

edited Nov 9, 2015 at 22:34

answered Nov 9, 2015 at 22:09

Rick Hitchcock

35.7k5 gold badges51 silver badges83 bronze badges

Collectives™ on Stack Overflow

Using jQuery to add an image tag - How do I include a class name?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related