JQuery Syntax Problem?

Question

I am using JQuery to insert divs into a page but i cant seem to get the quotation marks correctly setup.

For example the code below works fine:

var newDiv_1 = '<div id="event_1"><b>Hello World 01</b></div>'; 
$('#mon_Events').append(newDiv_1);

But when i try to use variable in place of the normal text, i doesnt seem to work:

var eventname = 1;
var newDiv_1 = '<div id="event_' . eventName . '"><b>Hello World 01</b></div>';
$('#mon_Events').append(newDiv_1);

How do i use variable inside this statement?

either I'm unaware of javascript operators or you need to change it to + eventName + — dotjoe
– dotjoe, Commented May 16, 2010 at 3:27

Garrett · Accepted Answer · 2010-05-16 03:36:21Z

2

Your eventName is defined as eventname:

var eventName = 1;
var newDiv_1 = '<div id="event_'+ eventName +'"><b>Hello World 01</b></div>';
$('#mon_Events').append(newDiv_1);

answered May 16, 2010 at 3:36

Garrett

8,1102 gold badges43 silver badges42 bronze badges

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

Comments

user113716 · Accepted Answer · 2010-05-16 03:33:16Z

1

If you have security concerns with HTML string slinging, you can do this:

var newDiv_1 = $("<div><b>Hello World 01</b></div>").attr('id', 'event_' + eventName);

newDiv_1.appendTo('#mon_Events');

answered May 16, 2010 at 3:33

user113716

323k64 gold badges454 silver badges441 bronze badges