Concatenation in JavaScript

Question

My code is this

var call_from='fb_test'
jQuery('.test').html("<img src=\"https://wwww.socialappshq.com/images/socialapps/loading.gif\" height=\"15\" width=\"15\" id=\"loading_image_\" + call_from + \">");

but it, not correctly concatenate please help me

Arun P Johny · Accepted Answer · 2013-07-31 05:27:26Z

2

When you write html using javascript, prefer ' to enclose the strings and " to enclose attribute values

var call_from='fb_test'
jQuery('.test').html('<img src="https://wwww.socialappshq.com/images/socialapps/loading.gif" height="15" width="15" id="loading_image_' + call_from + '">');

edited Jul 31, 2013 at 5:27

answered Jul 31, 2013 at 4:41

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Ravendra Kumar Over a year ago

Double quote is missing please review your answer

Nidhish Krishnan · Accepted Answer · 2013-07-31 05:08:57Z

1

For concatenation in JavaScript Try this

  var call_from='fb_test'
  jQuery('.test').html("<img src=\"https://wwww.socialappshq.com/images/socialapps/loading.gif\" height=\"15\" width=\"15\" id=\"loading_image_\"" + call_from + "\">");

edited Jul 31, 2013 at 5:08

answered Jul 31, 2013 at 4:42

Nidhish Krishnan

20.8k6 gold badges67 silver badges78 bronze badges

1 Comment

Ravendra Kumar Over a year ago

You also double quote is missing

Praveen · Accepted Answer · 2013-07-31 05:47:32Z

1

Try the below code.

var call_from='fb_test';
var yourHtml = '<img src="https://wwww.socialappshq.com/images/socialapps/loading.gif" height="15" width="15" id="loading_image_' + call_from + '"/>';
jQuery('.test').html(yourHtml);

edited Jul 31, 2013 at 5:47

answered Jul 31, 2013 at 4:42

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Comments

Ravendra Kumar · Accepted Answer · 2013-07-31 04:59:43Z

0

var yourHtml = '<img src="https://wwww.socialappshq.com/images/socialapps/loading.gif" height="15" width="15" id="loading_image_' + call_from + '"/>';
            jQuery('.'+call_from).html(yourHtml);

answered Jul 31, 2013 at 4:59

Ravendra Kumar

1,08210 silver badges29 bronze badges

Collectives™ on Stack Overflow

Concatenation in JavaScript

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related