jQuery append with variable as src

Question

Just learning jQuery and cannot get my variable into src when I use append. It either doesn't work at all, or I just get the string representation of my variable name when I look in the console.

This is my offending code:

var $googleURL = "http://maps.googleapis.com/maps/api/streetview?size=600x300&location="+$googleStreet+","+$googleCity;

$($body).append('<img src='$googleURL'></img>');

I don't want to use attr because there is no img tag on the page, just a body tag. Where did I go astray?

You use + to concat variables in jQuery. Also, there is no need using $ as a variable-precursor in jQuery. Could be worth reading this: stackoverflow.com/questions/205853/… — junkfoodjunkie
– junkfoodjunkie, Commented Dec 1, 2016 at 22:31

Janaka Dissanayake · Accepted Answer · 2016-12-01 22:28:44Z

2

please try

  $($body).append("<img src='"+ $googleURL + "'></img>");

answered Dec 1, 2016 at 22:28

Janaka Dissanayake

5574 silver badges13 bronze badges

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

Comments

arbybruce · Accepted Answer · 2016-12-01 22:41:05Z

1

With Javascript, you can put variables inside strings using +

Like this: "string, " + variable + ", more string"

Try this code, it may work depending on what you're trying to accomplish.

var googleURL = 'http://maps.googleapis.com/maps/api/streetview?size=600x300&location='+googleStreet+','+googleCity;

$($body).append('<img src="' + googleURL + '"></img>');

edited Dec 1, 2016 at 22:41

answered Dec 1, 2016 at 22:33

arbybruce

1981 silver badge11 bronze badges

Collectives™ on Stack Overflow

jQuery append with variable as src

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related