jQuery html(), loading an img tag into a div

Question

When I do the following:

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';
$("#outputdiv").html(foo);

This is what shows up in outputdiv: <p></p>

Is there some reason that this shouldn't work? I'm running out of ideas. I've also tried using innerHTML, to no avail.

src="tracking.pixel.outside.my.domain" - missing " at the end? — freakish
– freakish, Commented Oct 19, 2011 at 7:25
your missing a " on the img src tag, but not sure if that's the problem? — Manuel van Rijn
– Manuel van Rijn, Commented Oct 19, 2011 at 7:26

ThiefMaster · Accepted Answer · 2011-10-19 07:25:26Z

5

Your HTML is invalid (missing quote).

Replace

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';

with

var foo = '<p><img src="tracking.pixel.outside.my.domain" /></p>';

answered Oct 19, 2011 at 7:25

ThiefMaster

320k85 gold badges608 silver badges648 bronze badges

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

1 Comment

Well that's embarrassing hahah. Thanks.

Kevin · Accepted Answer · 2011-10-19 08:00:41Z

-1

You should replace

var foo = '<p><img src="tracking.pixel.outside.my.domain /></p>';

with

var foo = "<p><img src='tracking.pixel.outside.my.domain' /></p>";

I think simple quotes must be inside double quotes.

answered Oct 19, 2011 at 8:00

Kevin

1,01910 silver badges16 bronze badges

You can definitely do it either way but you'll notice that you fixed my typo too hah.

Most languages which do not have a special char datatype (such a C) allow " and ' to be used for string quoting.